Hoe creëer ik een two column + Footer at bottom layout?



Ik wil een two column layout met een footer die onderaan je pagina staat. Sticky footer idee.

Body = 960 px
Sidebar 200px
content 760px

Opzich is het heel simpel, maar of die footer krijg ik niet goed, of als ik ook maar een simpele enter (

) in de sidebar doe, dan is of de footer verpest, of de content div komt onder mijn sidebar te staan.

Elke keer is het verpest,

dus: Wie kan mij helpen met een goede .html met bovenstaande gegevens?

Hartelijk dank.

Weet jij het antwoord?

/2500

Het beste antwoord

Wat heb je al geprobeerd? Een mogelijkheid is wat je zegt, sticky footer, met alle niet-footer content in één div en daaronder de footer in een ander. Binnen je eerste div zet je je content, met een floated div op rechts voor je zijbalk. Je bovenste div geef je 100% hoogte, je footer geef je een clear:both en een margin-top van 0 minus zijn vaste hoogte.

Bronnen:
http://www.cssstickyfooter.com/using-stick...

Kun je geen tabel maken waarbij je die footer dan een colspan="2" meegeeft met een bepaalde hoogte? De tabel geef je als hoogte 100%. Verder zet je nog in de css: html, body { width: 100%; height: 100%; } Op die manier wordt die tabel ook daadwerkelijk 100% van het hele scherm.

Stel zelf een vraag

Ben je op zoek naar het antwoord op die ene vraag die je misschien al tijden achtervolgt?

/100