PX fra top?

Hmm... det virker ikke... men jeg tror det er noget i den stil...

EvoLution ...We can always be smarter...
Jeg har næsten scriptet:

Kode 

<div style="width:500px;height:500px;border:1px blue solid;">
<div style="width:100%;height:200px;border:1px green solid;z-index:2;position:absolute;">Øverste boks!</div>
<div style="width:100%;height:100%;border:1px green solid;z-index:1;position:absolute;float:right;">Nederste boks!</div>
</div>

Hilsen Mathias

Kode 

<div style="width:500px;height:500px;border:1px blue solid;">
<div style="width:100%;height:200px;border:1px green solid;z-index:2;position:absolute;background:white;" id="oe_boks">Øverste boks!</div>
<div style="width:100%;border:1px green solid;z-index:1;position:relative;top:0;" id="n_boks">Nederste boks!</div>
</div>
<script>
document.all.n_boks.style.top =  document.all.oe_boks.offsetHeight;
document.all.n_boks.style.height =  parseInt(500-document.all.oe_boks.offsetHeight);
</script>

Hey... Har brug for hjælp... Jeg er ved at opgradere mine tables til div/layers og er løbet ind i et problem. Jeg har lavet et lidt kompliceret design der giver min bøvl.
Jeg skal have en bund på en boks, og bunden skal være i et andet layer...

Men selve boksens højde variere, alt efter hvor meget tekst der er i boksen. Derfor skal det antal px som bunden sidder fra toppen også variere.
Men skal jeg selv, i alle mine sider, finde ud af hvor mange px det er? Og der efter skrive det ned i mit style sheet? Er der ikke et eller andet trick i f.eks. php?
Skriv endeligt hvis I ikke forstår...
PLZ hjælp mig, jeg er gået i stå...

EvoLution ...We can always be smarter...

[Redigeret d. 16/03-04 15:39:02 af EvoLutions]

Det var nu ikke lige det jeg havde tænkt mig... det er bunden af en boks... ikke af selv side...

Kode 

<script>
document.all.nedersteboks.style.height = parseInt(document.body.offsetHeight-document.all.oeversteboks.offsetHeight);
</script>

Hmm... det virker ikke... men jeg tror det er noget i den stil...

EvoLution ...We can always be smarter...

Kode 

<div style="width:500px;height:500px;border:1px blue solid;">
<div style="width:100%;height:200px;border:1px green solid;z-index:2;position:absolute;">Øverste boks!</div>
<div style="width:100%;height:100%;border:1px green solid;z-index:1;position:absolute;float:right;">Nederste boks!</div>
</div>