У мене є тег div
з параметром width
, встановленим на 800 пікселів. Коли ширина браузера перевищує 800 пікселів, він не повинен розтягувати div
, а повинен виводити його до середини сторінки.
<body>
<div style="width:800px; margin:0 auto;">
centered content
</div>
</body>
Ви маєте на увазі, що ви хочете відцентрувати його по вертикалі чи по горизонталі? Ви сказали, що вказали "висоту" 800 пікселів, і хотіли, щоб div не розтягувався, коли "ширина" більша за цю величину...
Для вирівнювання по горизонталі можна використовувати атрибут margin: auto;
в CSS. Крім того, ви повинні переконатися, що елементи body
і html
не мають ніяких відступів або відступів:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Для того, щоб він також коректно працював в Internet Explorer 6, необхідно зробити наступне:
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;
}