Først kan du lige prøve dette dokument i IE6:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
div {
width: 200px;
height: 200px;
background: yellow;
}
.withBorder {
border: 50px solid red;
}
</style>
</head>
<body>
<div>Bla</div>
<div class="withBorder">Bla</div>
</body>
</html>
- og prøv så at slette URL'en i DTD'en, så der bare står:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- dramatisk forskel! ;o)
http://msdn2.microsoft.com/en-us/library/bb250395.aspx- læs under The !DOCTYPE "Switch".
Den eneste forskel, jeg ser på
www.vandvaeg.dk, er lidt med overskriften. Det kan du komme ud af ved at sætte font-size, line-height, margin og padding på h-elementerne. Så vil de altid blive vist ens. Test evt. med gul baggrund på H-elementerne, så det er lettere at se, hvad der sker ;o)
En kort kogebog er ikke sådan lige at levere. Fuld DTD og validerende kode er dog en rigtig god start =)