Lid |
|
Ik heb een container en daarin plaats ik een menu. Als ik het menu buiten de container plaats dan is die gewoon 100% maar als ik hem in die container plaats dan is die alleen de hoogte bijvoorbeeld één regel van de tekst die er instaat.
<body>
<div id="container">
<div id="menu">asdsad</div>
<div id="spacer"> </div>
</div>
</body>
body { height:100%; padding: 0px; font-family: tahoma; font-size: 11px; }
html,body { background-color: #eee; margin: 0px; height:100%;}
#container { width: 980px; min-height:100%; background-color: #fff; border-left: #000 solid 1px; border-right: #000 solid 1px; margin: 0px auto 0px;}
#spacer { float:left; width:43px; background-color:#fff; }
#header { background-image:url(../images/header.jpg); height:200px;}
#menu { float:left; background-color:#cc0000; width:220px; height:100%; border-left: #000 solid 1px; border-right: #000 solid 1px; }
body { height:100%; padding: 0px; font-family: tahoma; font-size: 11px; } html,body { background-color: #eee; margin: 0px; height:100%;} #container { width: 980px; min-height:100%; background-color: #fff; border-left: #000 solid 1px; border-right: #000 solid 1px; margin: 0px auto 0px;} #spacer { float:left; width:43px; background-color:#fff; } #header { background-image:url(../images/header.jpg); height:200px;} #menu { float:left; background-color:#cc0000; width:220px; height:100%; border-left: #000 solid 1px; border-right: #000 solid 1px; }
Hoe kan ik dus zorgen dat het menu ook altijd 100% is in die container?
alvast bedankt voor jullie hulp.
|