title image


Smiley Probleme mit height
Hallo,

ich habe das Problem, das meine height für 100% im Content nicht hinhaut. Ich möchte eine Navigation erstellen die 100% der restlichen Bildschirmhöhe einnimmt. Das ganze noch mit einer Hintergrundfarbe welche ebenfalls die restliche Höhe einnimmt. Momentan füllt er den Bereich nur mit soviel Farbe wie ich Text in der Navigation habe.



Hier ist das entsprechende HTML, darunter das css ausgelagert in einer Datei. Wer kann mir helfen?






"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">





Infobox





















Home

Philosophie

Mein Traumhaus

Leistungen

Referenzen

Zertifizierung

News

Impressum

Kontakt







content



Footer









*{

padding:0;

margin:0;

border:0;

}

html, body {

height: 100.01%; /* wichtig */

text-align:left;

}

body {

background-color:#5C656F;

font-family:verdana, arial, sans-serif;

font-size:0.6em;

}

.header{

height:170px;

background:#ccc;

}

p {

margin: 0;

padding: 1em 0;

line-height: 1.5em;

}



.box{

width:790px;

margin:0 0;

text-align:left;

position: relative;

min-height: 100%;

height:auto !important;/* moderne Browser */

height:100%; /* IE */

background:#fff;

}



.inhalt {

padding: 0 2em 60px 2em;

}

.menu {

min-height:100%;

margin:0 0;

position:relative;

height:auto !important;/* moderne Browser */

height:100%; /* IE */

width:130px;

float:left;

background-color:#74887E;

}

.menu a {

color:#000000;

font-weight:normal;

text-decoration:none;

padding: 4px 0px 4px 15px;

display:block;

}

.menu a:hover {

background-image:url(../images/menu_arrow_pic.gif);

color:#F7BD5D;

font-weight:normal;

background-position:center left;

text-decoration:none;

background-repeat:no-repeat;

}

a, a:link, a:visited, a:active {

color:#ffffff;

font-weight:normal;

text-decoration:none;

}

a:hover {

color:#5C656F;

font-weight:normal;

text-decoration:none;

}

a.white, a.white:link, a.white:visited, a.white:active {

color:#ffffff;

font-weight:normal;

text-decoration:none;

}

a.white:hover {

color:#5C656F;

font-weight:normal;

text-decoration:none;

}

a.content, a.content:link, a.content:visited, a.content:active {

color:#999999;

font-weight:normal;

text-decoration:none;

}

a.content:hover {

color:#5C656F;

font-weight:normal;

text-decoration:none;

}

.footer {

width: 100%;

background: #CCC;

position: absolute;

bottom: 0;

height: 20px;

line-height: 20px;

text-align:center;

}

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: