Minulla on div
-tagi, jonka width
on asetettu 800 pikseliin. Kun selaimen leveys on suurempi kuin 800 pikseliä, div
:n ei pitäisi venyä, vaan sen pitäisi tulla sivun keskelle.
Tarkoitatko, että haluat keskittää sen pysty- vai vaakasuoraan? Sanoit, että määrittelit height
800 pikseliksi ja halusit, että div ei venytyisi, kun width
on tätä suurempi...
Vaakasuoraan keskittämiseen voit käyttää CSS:ssä attribuuttia margin: auto;
. Lisäksi sinun on varmistettava, että body
- ja html
-elementeillä ei ole marginaalia tai pehmustetta:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Jotta se toimisi oikein myös Internet Explorer 6:ssa, sinun on toimittava seuraavasti:
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;
}