Ja, for når du linker til den, er det jo i forvejen fastlagt, at det er et stylesheet, så principielt er det en fejl ...
-- og bemærk også, at jeg havde ændret fra backslash til almindelige slashes, som jo er det, du principielt skal bruge på en webside (serveren skal nok finde frem i dit mappe-hierarki !-)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Hold højden</title>
<style type="text/css">
html,body {
margin:0px;
padding:0px;
height:100%;
}
#topbar {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 20px;
background-color:#24A520;
text-indent: 20px;
font-family: arial, verdana, sans-serif;
color: #FFFFFF;
font-weight:bold;
font-size: 14px;
}
#logobar {
position: relative;
left: 0px;
top: 1px;
width: 100%;
height: 45px;
background-color:#D4D0C8;
text-indent: 20px;
font-family: arial, verdana, sans-serif;
color: #000000;
font-weight:bold;
font-size: 16px;
}
#personalmenubar {
position: relative;
top: 0px;
left: 0px;
width: 100%;
background-color:#b1b19f;
text-indent: 20px;
font-family: arial, verdana, sans-serif;
color: #24A520;
font-weight:bold;
font-size: 14px;
}
#rightmenu {
position: relative;
TOP: 3px;
left: 0px;
width:120px;
float: left;
background-color:#D4D0C8;
padding-left: 5px;
font-family: arial, verdana, sans-serif;
color: #000000;
font-weight:none;
font-size: 14px;
}
#content {
position: relative;
top: 3px;
left: 10px;
background-color: #FF80C0;
font-family: arial, verdana, sans-serif;
color: #000000;
font-weight:none;
font-size: 14px;
}
#bottombar {
position: relative;
top: 0px;
left: 0px;
width: 100%;
background-color:#b1b19f;
}
</style>
<script type="text/javascript">
var divs = ['content','rightmenu'];
var faste = ['topbar','logobar','personalmenubar','bottombar']
function syncronizeDivs(){
var maxH = document.body.offsetHeight - 6;
d = document.getElementsByTagName("DIV");
for(i=0;d.length>i;i++){
for(j=0;faste.length>j;j++){
if(d[i].id==faste[j])maxH -= d[i].offsetHeight;
}
}
for(i=0;d.length>i;i++){
for(j=0;divs.length>j;j++){
if(d[i].id==divs[j])maxH = Math.max(maxH,d[i].offsetHeight);
}
}
for(i=0;d.length>i;i++){
for(j=0;divs.length>j;j++){
if(d[i].id==divs[j])d[i].style.height=maxH + 'px';
}
}
}
</script>
</head>
<body onload="syncronizeDivs()">
<div id="topbar">
Hold højden
</div>
<div id="logobar">
</div>
<div id="personalmenubar">
</div>
<div id="rightmenu">
Menu<br><br>
</div>
<div id="content">
Indhold<br><br>
</div>
<div id="bottombar">
</div>
</body>
</html>
