Forskelligt udseende i firefox og IE
HejJeg har en index.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>B91 Randers - Velkommen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css.new/main_layout.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>
TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>
TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>
TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>
TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>
TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>
TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>TEST<br>
</div>
</body>
</html>
...og en main_layout.css:
body {
background-color: #a09c85;
color: #000000;
}
html, body, #wrapper {
height: 100%;
margin: 0px;
padding: 0px;
border: 0px;
text-align: center;
}
#wrapper {
background-color: #ccccff;
margin: 0px auto;
text-align: left;
vertical-align: middle;
width: 764px;
padding: 10px 0px 10px 0px;
}
I IE6 er siden som den skal se ud. 10px padding i toppen, samt 10px padding i bunden. Siden forlænger sig med indholdet.
I FF er siden ikke helt korrekt. 10px padding i toppen er som den skal være. De 10px padding i bunden mangler, samt at baggrundsfarven ikke følger med sidelængden.
Hvad skal jeg gøre anderledes og hvorfor?
