problem mit 100% höhe für menü

Status
Nicht offen für weitere Antworten.
SonicBe@m

SonicBe@m

Erfahrenes Mitglied
morgen jungs
Ich hab seit geraumer Zeit nen problem mit CSS und DIVS
ich versuche wie blöd ein Menü zu konstruieren wo oben ein Banner steht.
<html>
<body>
<head>
<style type="text/css">
body {
height:100%;
margin:0px;
}

#container {
height:100%;
background-color:#666666;
}

#banner {
width:100%;
height:100px;
background-color:#AF0000;
}

#leftmenu {
background-color:#DEDEDE;
width:150px;
font-family:arial;
height:100%;
}
.note {
width:100%;
padding:2px;
padding-left:10px;
margin:4px;
border:1px dashed #8E8E8E;
background-color:#ACCCAC;
text-decoration:none;
color:#000000;
font-size:12px;
}
.note:hover {
background-color:#ECCCAC;
text-decoration:underline;
}


</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="leftmenu">
<a href="#" class="note">link 1</a>
<a href="#" class="note">link 2</a>
<a href="#" class="note">link 3</a>
</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....

soweit ist es ja ok
Das problem ist nur das nun nach unten soviel Platz ist wie der Banner hoch :/
Egal was ich mache ch bekomms einfach nicht weg
der platz unten ist immer so groß wie der Banner
kann mir einer helfen?

hatt da einer ne lösung für mich?
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück