Speedrat
Lieutenant
- Registriert
- Nov. 2006
- Beiträge
- 590
Hio
ich habe gerade ein wenig mit CSS rumgespielt und bekomme es irgendwie nicht hin das mein div 100% Hoch wird
index.html:
design_v1.css:
Hat jemand eine Idee wie ich das Menu und den Content Bereich auf volle höhe bekommen kann ?
Danke im Voraus
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