Du kan prøve med en lidt "beskidt" metode, hvor du beholder dine to tomme celler - og sætter højden på de andre celler til noget, der er alt for lidt - f.eks. "1%". Så bliver de, sandsynligvis, ikke højere end de 1% + det, de nødvendigvis må være for at kunne rumme alt indholdet. Husk også at sætte valign=top på de celler, hvor der er indhold - så det bliver justeret i toppen.
En anden mulighed er at indsætte
<div style="overflow:auto; height:350px"> og </div>
inden for cellen, men udenom selve indholdet i midterkolonnen. Så har den altid en fast højde på 350px (eller hvad du nu foretrækker), og der kommer scrollbar på efter behov.
Endelig kan du lave et "onresize"-script, der finder højden af din midterkolonne og sætter de tomme cellers højde til at være højden af midterkolonnen - højden på cellerne, der er indhold i.
Eksempel:
function doResize() {
var totalHoejde = idPaaMidterkolonne.offsetHeight;
var restHoejde = totalHoejde - idPaaMenuBoks.offsetHeight - idPaaTaellerBoks.offsetHeight;
idPaaTomCelle.style.pixelHeight = restHoejde;
}
Denne løsning kræver, at du sætter id'er på de forskellige elementer og indsætter dem i scriptet i stedet for "idPaaMidterkolonne" osv.
Kald f.eks. funktionen i dit BODY-tag:
<BODY onload="doResize()">
og/eller i dit TABLE-tag:
<TABLE onresize="doResize()">
Hvad gør man ikke for at score 10 point :-)
