css центрированный div

Question

У меня есть центрированный div на моем сайте, с фиксированной шириной и полем: 0 авто;

Все выглядит хорошо в IE, но на FF для страниц с длинным содержимым только верхняя часть div имеет правильный цвет div, а остальные - цвет фона тела.

что я делаю не так?

много, спасибо

Answer 1

Если вы знаете ширину (т.е. 600px) и высоту div, вы можете использовать следующее. Я центрирую делители в одном направлении, используя 3 параметра:

По горизонтали:

<div class='hcnt'>Some H Centered Text</div>

CSS:

.hcnt{
 left-margin:50%;
 width:600px;
 left:-300px;
}

Vertical:

<div class='vcnt'>Some V Centered Text</div>

CSS:

.vcnt{
     top-margin:50%;
     height:400px;
     top:-200px;
    }

Оба:

<div class='hcnt vcnt'>Some completely Centered Text</div>

Answer 2

Трудно определить ваш код, но я уверен, что вы установили высоту div на% 100, что означает 100% области просмотра.

Это не простирается дальше, даже если содержание достаточно длинное. Это правильное поведение.

Чтобы сделать его полной высотой экрана, когда не хватает контента, и выйти за пределы высоты области просмотра, когда контента более чем достаточно, вам нужно использовать два div.

Вот пример, который я размещал:

Высота деления 100% фиксированная