Как заставить блок быть центрированным?

M2
На сайте с 11.01.2011
Offline
341
521

Добрый день!

Есть некий блок:


.content
{
width: 1002px;
height: auto;
min-height: 1000px;
background-color: white;
background-repeat: repeat-y;
display: block;
padding-top: 30px;
margin: 0 auto;
padding-bottom: 30px;
}

если высота содержимого не превышает 1000px, всё замечательно. Как только высота превысит 1000px, он всё так же центрируется, но не растягивается. Т.е. белый цвет не распространяется на весь контент.

С другой стороны если добавить


float: left;

то всё сразу становится замечательно, но пропадает центровка.

Как совместить эти два понятия? Нужно чтобы и всё залито было белым цветом и чтобы центровка была.

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
D
На сайте с 19.07.2011
Offline
32
#1

А если добавить к нему overflow:hidden; ?) Ну и clear:both; на всякий.

А вообще, лучше бы посмотреть на пример, конечно, чем гадать вслепую. Т.к. в идеальных условиях этот блок и так должен тянуться (если он один на странице, например).

Покупаю: домены и сайты-визитки фирм (в т.ч. псевдо-фирм) в индексе от 6мес. -> в ЛС (). Профессиональная верстка шаблонов любой сложности; адаптация для ImageCMS; создание и продвижение сайтов.
[Удален]
#2

Нужно делать два слоя.

Один центрированный, а второй внутри центрированого с FLOAT:left;

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий