css kan netop _ikke_ det som tables og framesets kan ...
Har du brug for et tabulært design er en tabel langt nemmere at lave end at skulle fedte sig igennem eventuelle synkroniseringsting vha. javascript (forudsat at dit indhold er dynamisk, selvfølgelig !-)
-- og dermed fremgår det også, at du med de standarder, som findes i dag, ikke kan klare dig uden javascript til nogle af de ting, som kan laves relativt simpelt med præcis den slags elementer ...
-- og til forskel fra table-tagget er font-tagget altså allerede deprecated i html4 !o]
-- men det handler vel om, hvordan din side kommer til at virke efter hensigten ?-)
-- og hvis tabeller (og/eller framesets !-) er udelukket, skal du altså bruge noget javascript, hvis du vil have et element, som har en højde, som du ikke kender pga. skærmstørrelses-forskelle ...
F.eks. sådan noget lignende:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Tomt dokument</title>
<script type="text/javascript">
function divHeight(){
var ns = (navigator.userAgent.indexOf('Gecko')>-1)?1:0;
var ie = (navigator.userAgent.indexOf('MSIE')>-1)?1:0;
var t=(ie)?(document.body.clientHeight-117)+'px':(ns)?(window.innerHeight-117)+'px':(screen.availHeight-240)+'px';
alert(screen.availHeight+'\n'+t);
document.getElementById('indhold').style.height=t;
}
</script>
<meta name="Generator" content="Stone's WebWriter 4">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#over{
position: absolute;
top: 0px;
left: 50%;
width: 482px;
height: 117px;
margin-left: -241px;
background-color: #f3f300;
padding: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
z-index: 2;
}
#indhold{
position: absolute;
top: 117px;
left: 50%;
width: 482px;
/* height: 100%;*/
margin-left: -241px;
/* margin-top:117px;*/
/* border-top: 117px solid #f3f300;*/
background-color: #00fffe;
padding: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
z-index: 1;
}
</style>
</head>
<body onload="divHeight()">
<div id="over"></div>
<div id="indhold">
Her skal stå en tekst der er lang
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</body>
</html>