Jeg har en div
-tag med width
satt til 800 piksler. Når nettleserbredden er større enn 800 piksler, skal den ikke strekke div
, men den skal bringe den til midten av siden.
Mener du at du vil sentrere den vertikalt eller horisontalt? Du sa at du spesifiserte høyden
til 800 piksler, og ville at div ikke skulle strekke seg når bredden
var større enn det ...
For å sentrere horisontalt kan du bruke attributtet margin: auto
i CSS. Du må også sørge for at body
og html
-elementene ikke har noen margin eller utfylling:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
For å få det til å fungere riktig også i Internet Explorer 6 må du gjøre som følger:
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;
}