Jeg har et div
-tag med width
sat til 800 pixels. Når browserbredden er større end 800 pixels, skal div
ikke strækkes, men den skal placeres midt på siden.
Mener du, at du vil centrere den lodret eller vandret? Du sagde, at du specificerede height
til 800 pixels og ønskede, at div'en ikke skulle strække sig, når width
var større end det...
Hvis du vil centrere vandret, kan du bruge attributten margin: auto;
i CSS. Du skal også sørge for, at body
- og html
-elementerne ikke har nogen margin eller padding:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
For at få det til at fungere korrekt i Internet Explorer 6 skal du gøre det på følgende måde:
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;
}