- og det kunne jo være, din gamle DW satte en DTD, som gør, at IE ikke overholder CSS-standarden. Prøv f.eks:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0;
padding: 0;
}
div {
width: 200px;
height: 200px;
background: yellow;
}
.withBorder {
border: 50px solid red;
}
</style>
</head>
<body>
<div> </div>
<div class="withBorder"> </div>
</body>
</html>
- check i både IE og FF. Her overholder IE ikke CSS' box-model. Det gør den heller ikke helt uden DTD:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0;
padding: 0;
}
div {
width: 200px;
height: 200px;
background: yellow;
}
.withBorder {
border: 50px solid red;
}
</style>
</head>
<body>
<div> </div>
<div class="withBorder"> </div>
</body>
</html>
- og for at det ikke skal være løgn, er blot en kommentar nok til at 'vælte' IE:
<!-- IE stinker fælt -->
<!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">
body, html {
height: 100%;
margin: 0;
padding: 0;
}
div {
width: 200px;
height: 200px;
background: yellow;
}
.withBorder {
border: 50px solid red;
}
</style>
</head>
<body>
<div> </div>
<div class="withBorder"> </div>
</body>
</html>
Du kan læse mere om dette fænomen her:
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp- under: The !DOCTYPE "Switch" :)
