Keith Barrow
Один из способов сделать это (как я обычно делаю)-иметь контейнер div фиксированной ширины с левым и правым полями, установленными в auto. Вы можете скачать базовый макет:
Здесь[^]
хотя вы могли бы найти его родительская галерея [^]полезно, если у вас есть верхний и Нижний колонтитулы и т. д.
[Редактировать]
Html-это:
<html>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Content -->
<div id="content">
Your main content goes here
</div>
<!-- End Content -->
</div>
<!-- End Wrapper -->
</body>
</html>
Вышеизложенное создает div-оболочку (называемую
wrapper
) все, что вы хотите положить в середину. Вполне вероятно, что вы захотите поместить в эту оболочку более одного div (для верхнего, нижнего и нижнего колонтитулов). У меня осталось только содержание (называется
content
) в. Чтобы центрировать обертку на странице (включая ее дочерний Верхний колонтитул и содержимое), придайте ей фиксированную ширину и установите ее левое/правое поля на авто.
стиль CSS:
* { padding: 0; margin: 0; }
body {
background-color:Green;
}
#wrapper {
margin: 0 auto;
width: 922px;
background-color:Red;
}
#content {
background: Yellow;
}
Это упрощенная версия шаблона в моей первой ссылке.