[ERLEDIGT] Div im Div

[hothead89]

Hallo, ich habe folgendes Problem. Die Größen der Div passen sich nicht dynamisch an. Ich schätze es liegt an der Formatierung, aber ich habe nicht genug Erfahrung wie genau das funktioniert und ich würde es gerne verstehen.

<div id="show">
<div class="object">
test
</div>
<div class="object">
test
</div>
</div>
____CSS
#show
{
display:block;
background-color: #f0a;
}

.object
{
display:block;
text-align: left;
padding: 10px;
background-color: #aaa;
}


Das funktioniert soweit wie es soll. Doch nun soll es weiter gehen => wenn ich nun das "test" ändere zu einem weiteren div mit floats, dann klappt es nicht mehr. der div "show" wächst dann in der Größe nicht mit, so wie beim oberen Beispiel. Warum? Wie muss ich dieses div dann formatieren damit das auch funktioniert:

<div id="show">
<div class="object">
<div class="subObject">test</div>
<div class="subObject">test2</div>
<div class"clearFloat">&nbsp;</div>
</div>
<div class="object">
<div class="subObject">test</div>
<div class="subObject">test2</div>
<div class"clearFloat">&nbsp;</div>
</div>
</div>
____CSS
.subObject
{
display:block;
float:left
background-color: #F00;
}
.clearFloat
{
clear:left;
}

Vielen Dank für jegliche Hilfe!
Viele Grüße

 

[Banana_Jones]

<div class"clearFloat">&nbsp;</div>

Hier fehlt ein '='

 

[hothead89]

okay richtig, das war ein tipp fehler. aber geht auch mit = nicht :(

 

[Tronjer]

Google mal nach CSS clearfix. Diese Klasse legst du auf den Elterncontainer der gefloateten Elemente. Dann benötigst du auch kein leeres Div zum clearen mehr.

 

[hothead89]

Das hat wunderbar gelappt, super danke!!!