Hallo,

Ik ben de laatste tijd bezig met div/css/xhtml basen en ik loop nu op een probleem.

Ik leg het uit aan de hand van een tekening:


De footer schuift wel mooi naar onder met de main content. Waarschijnlijk omdat deze niet absoluut gepositioneerd is. En clear: both; helpt niet.

Maar de footer moet onder het groene gedeelte komen. Is hier een manier voor?

Alvast bedankt!

Maak van die Main Content + Left Content eens een float:left en van die Left Content position:static (= standaard).

Dan bij de footer een clear:both en je probleem zou opgelost moeten zijn.

Ja floats gebruiken was ook mijn eerste keuze, maar in dit geval was het ongmogelijk om die te gebruiken want ik kon ze niet precies goed krijgen in alle browsers.

Is er écht geen andere manier?

om content en left content gooi je een tabelletje en klaar

Origineel gepost door Michal D

om content en left content gooi je een tabelletje en klaar

Dan is het hele idee achter semantische html weg.

Ja floats gebruiken was ook mijn eerste keuze, maar in dit geval was het ongmogelijk om die te gebruiken want ik kon ze niet precies goed krijgen in alle browsers.

Dan moet je dát aanpassen in plaats van iets onmogelijks vragen :) Tips bij floats:

IE6 houdt dubbele paddings en margins aan bij gefloate elementen
2x float left is naast elkaar gepositioneerde elementen
floats moet je altijd clearen met een clear: both in het eerst onderliggende element.

Waarom wilde het niet in alle browsers?

zet om je main content en je left content een een div met een vaste breedte en geef deze ook een overflow:hidden; (don't ask why)
GEEN vaste hoogte meegeven ! ;)

dit zal je probleem oplossen :)