kurzeFrage
Neues Mitglied
Servus an alle!
meine Frage lautet: Was muss ich in CSS einstellen, damit sich die Höhe von div2 automatisch den Höhen von div3 und div4 anpasst? Die Höhe von div2 soll also mindestens so groß sein, wie die größere Höhe von div3 und div4.
Anmerkung: div1 und div5 sollen nur zeigen, dass sich noch etwas über und unter div2 befindet :)
Hier der HTML-Code:
<body>
<div id="div1">
</div>
<div id="div2">
<div id="div3">
</div>
<div id="div4">
</div>
</div>
<div id="div5">
</div>
</body>
und das, was ich bisher als CSS habe, das aber leider nicht richtig ist.. :(
#div1{
height: 50px;
background-color: #808080;
position: relative;
}
#div2{
position: relative;
min-height: 10px;
height: auto;
width: 100%;
top: 40px;
background-color: #FF0000;
}
#div3{
position: relative;
height: 50px;
width: 5%;
left: 15%;
float: left;
background-color: yellow;
}
#div4{
position: relative;
height: 50px;
background-color: green;
float: right;
width: 20%;
}
#div5{
clear: both;
position: relative;
height: 70px;
background-color: #808000;
top: 20px;
}
Vielen Dank schon mal! :)
meine Frage lautet: Was muss ich in CSS einstellen, damit sich die Höhe von div2 automatisch den Höhen von div3 und div4 anpasst? Die Höhe von div2 soll also mindestens so groß sein, wie die größere Höhe von div3 und div4.
Anmerkung: div1 und div5 sollen nur zeigen, dass sich noch etwas über und unter div2 befindet :)
Hier der HTML-Code:
<body>
<div id="div1">
</div>
<div id="div2">
<div id="div3">
</div>
<div id="div4">
</div>
</div>
<div id="div5">
</div>
</body>
und das, was ich bisher als CSS habe, das aber leider nicht richtig ist.. :(
#div1{
height: 50px;
background-color: #808080;
position: relative;
}
#div2{
position: relative;
min-height: 10px;
height: auto;
width: 100%;
top: 40px;
background-color: #FF0000;
}
#div3{
position: relative;
height: 50px;
width: 5%;
left: 15%;
float: left;
background-color: yellow;
}
#div4{
position: relative;
height: 50px;
background-color: green;
float: right;
width: 20%;
}
#div5{
clear: both;
position: relative;
height: 70px;
background-color: #808000;
top: 20px;
}
Vielen Dank schon mal! :)