Mám tag div
so šírkou width
nastavenou na 800 pixelov. Keď je šírka prehliadača väčšia ako 800 pixelov, nemal by sa div
roztiahnuť, ale mal by sa presunúť do stredu stránky.
Myslíte tým, že ho chcete vycentrovať vertikálne alebo horizontálne? Povedali ste, že ste zadali výšku
800 pixelov a chceli ste, aby sa div nerozťahoval, keď je šírka
väčšia ako táto hodnota...
Ak chcete vycentrovať horizontálne, môžete použiť atribút margin: auto;
v CSS. Tiež sa budete musieť uistiť, že prvky body
a html
nemajú žiadny margin ani padding:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Ak chcete, aby správne fungoval aj v prehliadači Internet Explorer 6, musíte to urobiť takto:
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;
}