La marge de auto sur les côtés de la division, laissant au navigateur le soin de décider de son emplacement. Rien n'indique au navigateur que la division doit être centrée dans le corps, ou alignée à gauche ou à droite. C'est donc au navigateur de décider. Si vous ajoutez une directive au corps, votre problème sera résolu.
<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>
J'ai ajouté une bordure de 1px à la division pour que vous puissiez voir plus clairement ce qui se passe.
Vous laissez le navigateur s'en charger parce qu'il est en mode bizarrerie. Pour supprimer le mode bizarrerie, ajoutez une définition de doctype au début, comme ceci :
<!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>
Vous pouvez maintenant voir votre div de 300 px au centre de la page.
