Vill ha ett sidhuvud som är 80px högt och sedan en iframe som fyller upp resten av höjden. I mitt kodexempel nedan blir det fel då sidans totala längd blir 100% + de 80 pixels. Hur får jag min iframe att enbart använda det utrymme som finns kvar nedanför huvudet?

<code>
<div style="WIDTH:100%; height:80px;">
<h1 align="center">Huvudet</h1>
</div>

<div style="WIDTH:100%; height:100%;">
<IFRAME name="main" src="index.asp" frameborder="0" scrolling="no" width="100%"
height="100%" title="Dokumentsida"></IFRAME>
</div>
</code>

Du kan testa att sätta position:relative; top: 81 eller liknande och se om det fungerar.

En fullösning är position absolute eftersom att du ska köra med just 80 px; då behövs inga tabeller.

Men då uppstår problemet med att sidan blir för lång. Sätter jag height=100% på iframen och börjar med den 80px ned på sidan, hamnar den nedersta delen av iframen utanför.

Antingen blir det tydligen en tabell eller ett javascript verkar det som. Vilket av dessa lösningar är då bäst om man vill göra sidan "minst felaktigt"?