Side mister formattering efter javascript aktiveres
Hej alle.Jeg har en side, som skal gøre noget bestemt, når den loades og når den resizes. Efter jeg har lagt henvisningerne til mit javascript ind på siden, har den mistet sin formattering. Den skulle have en pæn grå baggrund, men efter javascriptet er aktiveret, bliver den bare alm. hvid.
Nogen der ved hvad jeg gør galt? Min kode kommer herunder.
test1.css
---------
body.bodystyle {
height: 100%;
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
background-color: #383838;
color: #838383;
font-family: Arial;
font-size: 11px;
}
div.indhold {
width: 640px;
height: 480px;
border: dotted 1px #838383;
}
test1.html
----------
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>test1</title>
<meta http-equiv="description" content="">
<meta http-equiv="keywords" content="">
<meta http-equiv="author" content="">
<link rel="stylesheet" href="test1.css" type="text/css" />
<script language="JavaScript" src="test1.js"></script>
</head>
<body class="bodystyle" onLoad="centerFrame(640, 480, 'frameIndhold')" onResize="centerFrame(640, 480, 'frameIndhold')">
</body>
</html>
test1.js
--------
function centerFrame(w, h, id) {
var docWidth = (document.all) ?document.body.clientWidth :window.innerWidth;
var docHeight = (document.all) ?document.body.clientHeight :window.innerHeight;
var offsetX = ((docWidth - w) /2) - (((docWidth - w) /2) % 1);
var offsetY = ((docHeight - h) /2) - (((docHeight - h) /2) % 1);
document.write("<iframe id=\""+id+"\" name=\""+id+"\" src=\"test1_1.html\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" noresize=\"noresize\" style=\"position:absolute;top:"+offsetY+"px;left:"+offsetX+"px;height:"+h+"px;width:"+w+"px;\"></iframe>");
}
test1_1.html er indtil videre bare tom.
Håber I kan hjælpe.
Mvh.
