CSS: DIV med 100% av tillgänglig höjd
Jag ska försöka förklara: Jag har fyra DIVar: Navigation, Höger, Vänster och Sidfot. Höger och vänster ska ligga brevid varandra. Både höger och vänster kommer att ha varierande höjd på innehållet, och jag vill att båda ska vara lika höga oavsett hur mycket som ligger i varje div.
Grundkoden ser ut ungefär så här:
<div style="width:300px; background-color:#CCFFFF;">
Navigation
</div>
<div style="width:100px; background-color:#003399;float:left;&quo t;>
Höger
</div>
<div style="width:200px; background-color:#6699FF;float:left;&quo t;>
Vänster
</div>
<div style="width:300px; background-color:#000033;clear:both;&quo t;>
Sidfot
</div>
Jag skulle alltså vilja att båda Höger och Vänster fyller ut ända ner till Sidfot-DIVen, oavsett vilken av dem som är längst för tillfället. Hur gör jag?