CSS Höhe = 100% ?

Speedrat

Lieutenant
Dabei seit
Nov. 2006
Beiträge
579
Hio
ich habe gerade ein wenig mit CSS rumgespielt und bekomme es irgendwie nicht hin das mein div 100% Hoch wird :(

index.html:
HTML:
...
<body bgcolor="#ffffcc"  text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div id="root">

<div id="head">
  <img src="Bilder/header.png" alt="" border="0" width="1024" height="170">
</div>

<div id="menu">
  menu
</div>

<div id="sub-menu">
  sub-menu
</div>

<div id="content">
  content
</div>

</div>

</body>
...
design_v1.css:
HTML:
#root{
	width:1024px;
	margin: 0 auto;
	height: 100%;
}

#head {

        height: 170px;
}

#menu {
	height: 100%;
        width: 174px;               /* Blockbreite */
        padding: 0;                /* Interpretation Boxmodell! */
        padding:5px;
        background-color:#990000;
        background-image: url(Bilder/menu_bg.gif);
        background-repeat:repeat-y;
	float:left;
}

#sub-menu {
        width: 830px;
        height: 23px;
        padding:5px;
        background-color:#990000;
        background-image: url(Bilder/sub-menu_bg.gif);
        background-repeat:repeat-x;
        text-align: center;
	float:right;
}

#content {
        width: 810px;
        padding:15px;
        background-color: #ffcc99;
	float:right;
}
Hat jemand eine Idee wie ich das Menu und den Content Bereich auf volle höhe bekommen kann ?

Danke im Voraus ;)
 

Speedrat

Lieutenant
Ersteller dieses Themas
Dabei seit
Nov. 2006
Beiträge
579
danke für die schnelle antwort, doch scheint er bei 100% einfach die auflösung zu nehmen und nicht die aktuelle Festergröße des Browsers :(

PS: der schein die Prozent angaben als einen absoluten und nicht als relativen wert zu nehmen so mist mein menü mit 100% nicht auf die selbe höhe wie mein content mit 100% ;)

Edit: Habe gerade mal im Buch "Professionelle Websites" von S. Münz nachgeschlagen und da steht drin das eine dynamische Anpassung der Höhen nicht ohne weiteres mit CSS möglich ist und dort schon ein JavaScript verwendet werden muss (mit Tabellen wäre es ein leichtes ;) )
 
Zuletzt bearbeitet:
Top