Hallo zusammen
Ich habe ein Problem betreffend div-Höhen.
Hier der HTML-Code:
und hier das css:
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
Ich habe ein Problem betreffend div-Höhen.
Hier der HTML-Code:
HTML:
<body>
<div id="container">
<div id="zeile1">
<div id="logo">
logo</div>
<div id="banner">
bild</div>
</div>
<div id="zeile2">
Home</div>
<div id="zeile3">
<div id="menu">
menupunkt 1<br />
menupunkt 2<br />
menupunkt 3
</div>
<div id="inhalt">
inhalt<br />
inhalt<br />
inhalt<br />
inhalt<br />
</div>
</div>
</div>
</body>
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;
}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
