Центр div по вертикали, используя CSS

Я сейчас работаю над сайтом wordpress, где хочу сосредоточить свою страницу-обертку с помощью CSS. Я попытался реализовать метод 3 на этом сайте без успеха.Центр div по вертикали, используя CSS

Сайт: http://blog.themeforest.net/tutorials/vertical-centering-with-css/

I'm с помощью двух различных дивы, один с идентификатором поплавка и один с идентификатором страницы плёнку. Мой CSS выглядит следующим образом

#floater { float: left; height: 50%; margin-bottom: -481px; } 

#page-wrap { clear: both; color: white; width: 1594px; height: 962px; margin: auto; position: relative; }

Я также хочу отметить, что внутри моей страницы-обруча DIV У меня есть много других дивы, чтобы построить свой дизайн (они плавают слева и справа), если это влияет на результат в любом случае.

Ссылка на JSFiddle: http://jsfiddle.net/FERNX/

источник

2012-01-29 Sebastian

Создайте jsfiddle с примером того, что у вас есть – Petah

Вот оно, я надеюсь, что это сработает. http://jsfiddle.net/FERNX/ – Sebastian

Возможный дубликат [Элементы вертикального центра в CSS] (http://stackoverflow.com/questions/2023629/vertically-center-elements-in-css). Смешное количество этих вопросов на SO и остальной части Интернета. – Rob

попробовать

#floater{ 
    margin-top: 25%; 
}

или

position: absolute; 
    top: 50%; 
margin-top: -25%;

источник

2012-01-29 00:24:16 theliberalsurfer

Несомненно, что это не трюк. :( – Sebastian

, если вы знаете, что высота самой восточной и простое решение является:

#page-wrap { position: absolute; height: 900px; top: 50%; margin-top: -450px; }

в основном говорится; расположите его на 50% и выровняйте половину его высоты, чтобы центр центра был центрирован.

источник

2012-01-29 04:19:00 giorgio

Центр div по вертикали, используя CSS

ответ

Смежные вопросы