Archief - float:left probleem

Ok, ik ben site eens aan het updaten (veel dingen stonden in tables etc, nu alles naar lists aan het zetten en algemeen wat veranderingen aan het maken) en ik stootte op volgend probleem:

Ik heb twee ul's onder elkaar, dit was eerst dit: klik. Dat gaat (de achtergrond van de omliggende div 'wordt langer, dus die omliggende div rekt mee uit) maar ik zou de twee lists naast elkaar willen, dus ik gebruik float:left en beiden een width van 360 (omliggende div is 720px) maar dan krijg ik dit: klik. Ik heb geen idee waarom de omliggende div niet mee 'uitrekt' en dus geen achtergrond geeft. Als ik float:left terug weg doe is het allemaal terug inorde..

Iemand een idee?

Bedankt

Heeft de omliggende div met de background een float? Als je zulke problemen hebt moet je rond de elementen een border van 1px solid en dan allemaal verschillende kleuren. Dan zie je meestal al wel waar de fout zich bevindt.

De oplossing is simpelweg de omliggende div een overflow:hidden te geven (zie post drone)
Toch bedankt allemaal!

beter manier is om het volgende toe te voegen net onder de 2de ul:
<div style="clear:both"></div>

denk zei:

beter manier is om het volgende toe te voegen net onder de 2de ul:
<div style="clear:both"></div>

Klik om te vergroten...

Jep, maar dan wel je style in CSS zetten. Niet in je xHTML.

denk zei:

beter manier is om het volgende toe te voegen net onder de 2de ul:
<div style="clear:both"></div>

Klik om te vergroten...

Tags voor opmaak alleen kan je beter vermijden. Dus deze oplossing is niet beter.