Комментарии к записи: CSS: горизонтальное и вертикальное центрирование элемента в окне браузера.

Автор: VisAlt

VisAlt — Tue, 07 Feb 2012 14:36:04 +0000

При наличии вертикального скрола можно использовать position:fixed. Окно будет преследовать Вас при скроле Иногда довольно удобно использовать для организации менюх или кнопок саппорта. Но из недостатков – не работает в браузерах мобильных телефонов

Автор: Вася

Вася — Sun, 13 Mar 2011 09:00:27 +0000

SturmaN, Нафиг тебе такой изврат, сделай тогда уж просто таблицу.

Автор: SturmaN

SturmaN — Wed, 14 Apr 2010 08:53:14 +0000

А если допустим у меня ширина дива известна (800px) а высота меняется в зависимости от контента. Как быть в таком случае?

На данный момент я использую это:
html {
height:100%;
}
body {
margin:0;
padding:0;
width:100%;
height:100%;
}
#main {
display:table;
width:100%;
height:100%;
vertical-align:middle;
}
#cell {
display:table-cell;
vertical-align:middle;
}
#content {
display: block;
margin:0 auto;
width:800px;
position:relative;
}

Ну и соответственно html:

Центрируется и по вертикали и по горизонтали в идеале =))
Но насколько это правильно?

Автор: F^[a].t

F^[a].t — Fri, 07 Aug 2009 12:46:28 +0000

не совсем подходит, попробуйте по изменять ширину окна. Результат не утешительный для тех кто хочет «совершенства»

Автор: Александр

Александр — Tue, 16 Jun 2009 07:08:59 +0000

Вот спасибо! Наконец-то нашёл то, чего искал. Всё популярно разжевано, осталось только проглотить. Спасибо, Gennady, всё работает!

Автор: aka[Gamlet]

aka[Gamlet] — Tue, 10 Mar 2009 11:45:47 +0000

сори чет глюконуло выложу пост позже(

Автор: aka[Gamlet]

aka[Gamlet] — Tue, 10 Mar 2009 11:45:21 +0000

Вертикальное выравнивание для норм. браузёров можно сделать и так, а если скажем необходимо отцентрировать div по вертикали то след. структура я думаю подойдет(использовано неправильная интерпретация высоты в IE) Universal vertical center with CSS .greenBorder {border: 1px solid green;} ла ла ла и т.д п.п

Автор: IR

IR — Mon, 02 Feb 2009 22:07:22 +0000

Жаль, что не подходит когда высота блока меняется. Хочется сделать вертикальное центрирование на css для страницы если она не заполняет весь экран…

Автор: Steven

Steven — Mon, 10 Nov 2008 12:25:11 +0000

Это точно!

Спасибо автору за супер Блог.

Автор: FXIX

FXIX — Thu, 18 Sep 2008 12:50:54 +0000

Body в стакан (position:relative;) не рекомендуется ставить. Лучшим решением как мне думается будут два дива – первый relative второй absolute.