Beste iedereen,

Ik zit met een probleempje. Ik ben bezig met een layout die een 100% hoogte heeft en dus een footer die altijd onderaan staat.
Het content gedeelte bestaat uit een linker en een rechter stuk. Die zijn bij de homepage bijna even hoog. Alleen het rechter stuk word geupdate door AJAX (XMLHttpRequest) voor als je naar een andere pagina wilt. Alleen als dat stuk langer is dan het linker stuk, blijft de footer aan het einde van het linker stuk staan. Dan is het rechter stuk dus langer. En zie je de footer over het rechter stuk heen gaan. Die word dan dus niet naar beneden gestuurd. Als ik die pagina zonder AJAX erin zet, staat deze wel normaal beneden.

Ik heb in de bijlage een voorbeeld gezet over hoe het is met AJAX, voor verduidelijking. Maar weet iemand hier een oplossing voor?

clear: both gebruiken bij footer.
Als het werkt hoor ik het graag!

Helaas werkt niet, dat had ik al geprobeerd op elke mogelijke plek ... Het ligt er volgens mij echt alleen aan dat het 'dynamische content' is. En dat IE dan de layout niet kan veranderen ofzo. Want FF, Opera e.d. doen het wel normaal.

ff uit mn hoofd

div#footer{width:100%; clear:both; overflow:hidden}

width = nodig voor IE

Ah, bedankt! Nu werkt hij wel in IE7. Alleen IE6 is nog een probleem.

Origineel gepost door Jordi Alferink

Ah, bedankt! Nu werkt hij wel in IE7. Alleen IE6 is nog een probleem.

Zijn de divs die boven de footer staan wel float:left;?
Ik doe altijd bijv.
header float left
navigatie float left
content float left
footer clear both

Zie html & css van deze link
let niet op de navigatie, die werkt alleen goed in firefox