Nu heb ik een content container gemaakt. Het probleem is dat deze de rest van de pagina moet vullen. Zoals je op het voorbeeld kan zien zie je aan de linker kant een klein rood stukje, met daarnaast tekst. Deze 2 div's zouden dus de rest van de pagina moeten vullen. Wat doe ik fout, want gebruik height 100% een container erboven ook en dan werkt het wel goed.
Als je nu de site opent zie je onder het menu aan de linker kant een stuke rood en in het midden een tekst. Deze staan dus in een container met div's. Nu zie je alleen dat hij maar een aantal pixels hoog is. Hij moet nu alleen de rest van de pagina worden, dus 100%. Maar dit lukt niet. Wat doe ik fout ?
Je CSS is een soepzootje. Overal floats, overal height: 100% en min-height: 100%. Je hebt zoveel eigenschappen gedefinieerd dat het resultaat volkomen onvoorspelbaar wordt. Waarom wil je de hoogte van je pagina eigenlijk altijd op 100%?