Jag har en div
-tagg med width
inställd på 800 pixlar. När webbläsarens bredd är större än 800 pixlar ska div
inte sträcka ut den, utan den ska flyttas till sidans mitt.
Menar du att du vill centrera den vertikalt eller horisontellt? Du sa att du specificerade height
till 800 pixlar och ville att div:en inte skulle sträcka sig när width
var större än så...
För att centrera horisontellt kan du använda attributet margin: auto;
i CSS. Dessutom måste du se till att elementen body
och html
inte har någon marginal eller padding:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
För att få den att fungera korrekt även i Internet Explorer 6 måste du göra så här:
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;
}