<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">Gør så IE overholder css ordentligt, hvis det ødelægger alt andet så er der lavet noget forkert et andet sted. Uden den doctype kører du med IE i quirksmode med mangenfuld overholdelse af css, og det gør at det kan være svært at få andre browsere til at vise siden ligesom IE.
<center> bør du undgå det er deprecated. Prøv med <div style="text-align:center;"></div> eller evt. at give elementet der skal centreres style="margin:0px auto;" eller style="position:absolute;left:50%;margin-left:-halvdelenafbreddenpx;" samt det ydre element evt. placeret med position:relative;
... Og center ødelægges ikke af en doctype, så er
der lavet noget uhensigtsmæssigt kodning ...
Her er et fungerende eksempel med brug af center:
... Læg mærke til hvad IE gør hvis du i eksemplet fjerner doctypen ;)
<!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>Ingen titel</title>
<style type="text/css">
html{ background: url('
http://www.eksperten.dk/img/flag_yellow.gif') repeat center; }
body{ background: url('
http://www.eksperten.dk/img/elogo.png') repeat-x; }
html,body {margin:0px;padding:0px;}
</style>
</head><body>
<center>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej</center><br><div style="text-align:center;">hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej</div><br><div style="background: url('
http://www.eksperten.dk/img/elogo.png');width:99px;height:110px;margin:0px auto;"> </div><br><img src="
http://www.eksperten.dk/img/elogo.png" style="position:absolute;left:50%;margin-left:-50px;">
</body></html>