Hoe zorg ik ervoor dat mijn background color helemaal tot onderaan de pagina komt? HTML/CSS

Zet de beide divs die je kolommen zijn weer binnen een andere div en die geef je de achtergrond

Zoals sommigen hier al aangeven moet je flost left gebruiken.. Je moet alleen wel opletten dat je ook even een "clearfix" doet voor IE gebruikers... Op het moment dat je je divs gaat floaten raken ze los van hun parent div. Hierdoor wordt de div niet langer gerekt door de divs die erin zitten en doet height 100% op die gefloate divs niet meer wat jij wilt.zoek op Google naar clearfix en je begrijpt beter wat ik bedoel!

Helaas wordt 100% hoogte niet ondersteund op de manier die je wil. Er zijn twee oplossingen:

- Table layout (niet wenselijk)
- Faux columns.

Faux columns betekent het neppen van kolommen door je gehele pagina een naar beneden doorlopende achtergrond te geven. In CSS:

body{
background: white url(/pad/naar/plaatje.png) left top repeat-y;
}

Je plaatje.png moet dan een brede afbeelding van liefst 1px hoog zijn die ergens van kleur wisselt.

Toegevoegd na 1 minuut:
Wat je ook kan doen, is de achtergrond slechts 1 kleur maken, en die ergens op de x as laten beginnen:

background: white url(/pad/naar/plaatje.png) 500px top repeat-y;