Div's der ikke står rigtigt i forskellige browsere
Hejjeg har det her php dokument: http://nfspower.dk/PCK/indhold.php
Hvis jeg åbner den i FireFox så ser det godt ud, åbner jeg den i IE så er den ovre i venstre side, hvis jeg åbner den i Opera går det helt galt, bruger jeg safari ser den også ok ud....
Hvad er det LIIIGE der sker her ?
CSS kode:
body {
margin:1% auto 1% auto;
width:800px;
background-color:#00AEEF;
background-image:url(bg.gif);
background-repeat:repeat-x;
background-attachment:fixed;
}
#header {
border-width:1px;
border-style:solid;
border-color:#000000;
margin-bottom:5px;
height:100px;
width:802;
text-align:center;
}
#menu {
background-color:#CC3333;
border-width:1px;
border-style:solid;
border-color:#000000;
width:120;
height:500px;
margin-right:5px;
float:left;
}
#main {
background-color:#FFFFFF;
border-width:1px;
border-style:solid;
height:500px;
width:673;
overflow:auto;
}
PHP/HTML kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>| Titel |</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="Author" content="Steen Hjelmstrand" />
</head>
<body>
<div id=header>
<?php
include("header.txt");
?>
</div>
<div id=menu>
<?php
include("left.txt");
?>
</div>
<div id=main>
<?php
include("main.txt");
?>
</div>
</body>
</html>
