J'ai une balise div
dont la largeur
est définie sur 800 pixels. Lorsque la largeur du navigateur est supérieure à 800 pixels, la balise div
ne doit pas être étirée, mais elle doit être placée au milieu de la page.
Voulez-vous dire que vous voulez le centrer verticalement ou horizontalement ? Vous avez dit que vous avez spécifié la "hauteur" à 800 pixels, et que vous vouliez que la division ne s'étire pas lorsque la "largeur" est supérieure à cette valeur...
Pour centrer horizontalement, vous pouvez utiliser l'attribut margin : auto;
en CSS. Vous devrez également vous assurer que les éléments body
et html
n'ont pas de marge ou de remplissage :
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Pour qu'il fonctionne aussi correctement dans Internet Explorer 6, vous devez procéder comme suit :
HTML
<body>
<div class="centered">
centered content
</div>
</body>
CSS
body {
margin: 0;
padding: 0;
text-align: center; /* !!! */
}
.centered {
margin: 0 auto;
text-align: left;
width: 800px;
}