✔ div Problem

[domiweber]

Hallo,
Ich weiss dieses Thema kam schon extrem viel.
Doch durch die Suchfunktion usw. wurde ich auch nicht gescheiter...
Also mein Problem: Ich habe einen "body"-div, einen "header"-div, links unter dem Header ist ein "navi"-div, und rechts davon ein "content"-div. Die Navi und der Content werden aus einer Datenbank generiert. Darum ist auch der Inhalt immer verschieden lang. Doch nun wenn er zulange wird lappt er einfach über den "body"-div über!
Die Navi und der Content werden mit float:left; gemacht. Habe gesehen dass man das irgendwie mit clear:left; wieder beenden muss. Doch da komme ich nicht mehr weiter...
Versteht jemand mein Problem? Währe sehr froh um tipps!

Freundliche Grüsse

 

[Maik]

Das erforderliche DIV mit der CSS-Eigenschaft clear:left wird nach den floatenden DIVs notiert:

<div id="body">
 <div id="header">...</div>
 <div id="navi">...</div>
 <div id="content">...</div>

 <div class="clear">&nbsp;</div>
</div>

div.clear {
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}