crsakawolf
Erfahrenes Mitglied
Hallo,
habe eine sehr banale Frage,
Ich habe einen Div der wiederrum 3 divs enthält. Links, Mitte, rechts
Ich möchte, das der Große div der alles beinhaltet automatisch so hoch (height) wird, wie der höhste der 3.
Wie kann ich das bewerkstelligen?
Im moment kann ich nur height:100% einstellen, jedoch geht da mein Text aus dem Div hinaus.
Wenn ich jedoch garkeine höhe angebe, dann legen sich die 3 divs über den centerdiv ...
habe eine sehr banale Frage,
Ich habe einen Div der wiederrum 3 divs enthält. Links, Mitte, rechts
Ich möchte, das der Große div der alles beinhaltet automatisch so hoch (height) wird, wie der höhste der 3.
Wie kann ich das bewerkstelligen?
Im moment kann ich nur height:100% einstellen, jedoch geht da mein Text aus dem Div hinaus.
Wenn ich jedoch garkeine höhe angebe, dann legen sich die 3 divs über den centerdiv ...
Code:
<div id="center" align="center">
<div id="left_bar">
Links
</div>
<div id="content">
Mitte
</div>
<div id="right_bar">
Rechts
</div>
</div>
Code:
#center{
position:absolute;
top:167px;
width:1000px;
height:100%;
/*left:95px;
left:21%;
right:21%;*/
margin-left:65px;
}
#center #left_bar,
#center #content,
#center #right_bar{
height:100%;
}
#left_bar{
width:134px;
float:left;
height:100%;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:100%;
background-color:#f7f7f7;
}
#content{
float:left;
width:460px;
border:1px solid #cccccc;
border-top:0px;
/*height:100%;*/
background-color:#f9f9f9;
}
#right_bar{
width:150px;
float:left;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:100%;
background-color:#f7f7f7;
}