Ik heb een div
tag met breedte
ingesteld op 800 pixels. Als de browserbreedte groter is dan 800 pixels, moet de div
niet uitgerekt worden, maar naar het midden van de pagina gebracht worden.
Bedoel je dat je hem verticaal of horizontaal wilt centreren? Je zei dat je de hoogte
op 800 pixels had gezet, en dat je de div niet wilde laten uitrekken als de breedte
groter was dan dat...
Om horizontaal te centreren, kun je het margin: auto;
attribuut in CSS gebruiken. Ook moet je er dan voor zorgen dat de body
en html
elementen geen margin of padding hebben:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Om het ook correct te laten werken in Internet Explorer 6 moet je het als volgt doen:
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;
}