Jag har fyra divar på en sida så här:

<code>
<div id="1">
<div id="2"></div>
<div id="3">Här kommer information på sidan...</div>
<div id="4">Detta är högermarginalen</div>
</div>
</code>

div 3 och 4 har float:left. Hur får jag dessa två att bli lika höga oavsett hur mycket innehåll det blir i dom? Jag kan inte använda rullister.

Det tråkiga, men enda svaret: det går inte. Du får antingen hitta på något fusk med t.ex. en bakgrund i yttre diven, eller gå över till tabeller för den där saken

Misstänkte det, jag har gjort ett Javascript, men det fungerar inte om man inte uppdaterar sidan. Jag anropar det sist på sidan.
<code>
<script language="javascript" type="text/javascript">
function checkLayer()
{
var info = document.getElementById("LayInfo");
var adver = document.getElementById("LayAdver");
var defaultHeight = 800;

var infoHeight = info.offsetHeight;
var adverHeight = adver.offsetHeight;

if(adverHeight < infoHeight){
adver.style.height = (infoHeight) + 'px';
}
else if(adverHeight > infoHeight){
adver.style.height = (adverHeight) + 'px';
}
}
</script>
</code>

Pröva att lägga till

window.onresize = checkLayer;

Det ser faktiskt ut att fungera:)

Tackar och bockar:)