Die Marge von auto an den Seiten des div überlässt es dem Browser zu entscheiden, wo es hingehört. Es gibt nichts, was dem Browser sagt, dass das div im Body zentriert oder links oder rechts ausgerichtet sein soll. Es ist also dem Browser überlassen. Wenn Sie dem body eine Direktive hinzufügen, ist Ihr Problem gelöst.
<html>
<head>
<title>Welcome</title>
<style>
body { text-align: center;}
#pageContainer {width:300px; margin:0px auto;
text-align:center; border:thin 1px solid;}
#toLogo{border:none; }
</style>
</head>
<body>
<div id="pageContainer">
<a href="http://portal.thesit.com" id="toSite">
<img src="LOGO_DNNsmall.png" id="toLogo">
</a>
</div>
</body>
</html>
Ich habe dem Div einen 1px-Rahmen hinzugefügt, damit Sie besser sehen können, was passiert.
Du überlässt es dem Browser, weil er sich im Quirks-Modus befindet. Um den Quirks-Modus zu entfernen, fügen Sie eine Doctype-Definition am Anfang hinzu, etwa so:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Welcome</title>
<style>
#pageContainer {width:300px; margin:0px auto;
text-align:center; border:thin 1px solid;}
#toLogo{border:none; }
</style>
</head>
<body>
<div id="pageContainer">
<a href="http://portal.thesit.com" id="toSite">
<img src="LOGO_DNNsmall.png" id="toLogo">
</a>
</div>
</body>
</html>
Jetzt können Sie Ihr 300 px Div mittig auf der Seite sehen.
