Div-Höhen

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen

Ich habe ein Problem betreffend div-Höhen.

Hier der HTML-Code:
[HTML]

logo
bild
Home
menupunkt 1
menupunkt 2
menupunkt 3
inhalt
inhalt
inhalt
inhalt
</div>
[/HTML]und hier das css: [CODE]/* CSS layout */ body { margin: 0; padding: 0; text-align:center; margin-top:50px; }

#container {
width: 800px;
margin: 0 auto;
}

#zeile1 {
}

#logo {
height:80px;
width: 175px;
float: left;
border-style:solid;
border-width:1px;
border-color:black;
}

#banner {
height:80px;
width:622px;
margin-left: 177px;
border-style:solid;
border-width:1px;
border-color:black;
border-left:inherit;
}

#zeile2 {
width:798px;
background:#99C2D6;
text-align:right;
border-style:solid;
border-width:1px;
border-color:black;
border-top:inherit;
}
#zeile3 {
height:auto;
background:aqua;
}

#menu {
float:left;
height:100%;
width: 175px;
background:#99C2D6;
border-style:solid;
border-width:1px;
border-color:black;
border-top:inherit;
}

#inhalt {
width:622px;
height:100%;
margin-left: 177px;
border-style:solid;
border-width:1px;
border-color:black;
border-left:inherit;
border-top:inherit;
}

[/CODE]Wie bringe ich hin, dass das linke menu div sich dem rechten inhalts-div anpasst?
Ich glaube diese Frage wurde schon vielfach diskutiert in Foren, aber ich konnte bis jetzt einfach keine passende Lösung finden…
Ich wäre sehr dankbar für eure Hilfe!

Lg Lukas

2

Guck mal hier unter „Faux Columns“: