Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> div вертикальное выравнивание, с высотой 100%  
:(
    Опции темы
Fubu_By
Дата 14.1.2009, 13:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 14.2.2007

Репутация: нет
Всего: 0
есть такая html 
Код

<style>
.body
{
    font-family: sans-serif;
    color: #242424;
    font-size: 11px;
    font-weight: normal;
    font-stretch: expanded;
    line-height: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    height: 100%;
    width: 182px;
}
</style>
<body style="margin: 0px; height: 100%; background-color: #E1E1E1; width: 182px;" scroll="no">
<div class="body"><div id="center" style="height: 50px">bla bla bla</div></div>


как сделать div id="center" по центру(во вертикали) без позиционирования


--------------------
MobiAppSystems
PM MAIL WWW   Вверх
hunterman
Дата 14.1.2009, 14:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 36
Регистрация: 3.12.2008
Где: Херсон

Репутация: нет
Всего: нет
http://cssing.org.ua/2007/04/26/another-css-valign-method/
http://cssing.org.ua/2005/07/14/vertical-align-middle/
PM MAIL   Вверх
Fubu_By
Дата 14.1.2009, 14:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 14.2.2007

Репутация: нет
Всего: 0
смотрел уже, если выставить height: 100%; у внешнего дива то не работает, потому что используется display: table-cell;

Это сообщение отредактировал(а) Fubu_By - 14.1.2009, 14:51


--------------------
MobiAppSystems
PM MAIL WWW   Вверх
Violator
Дата 14.1.2009, 15:22 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15
Fubu_By, нормально выравнивает
Код

<div style="display: table; height: 100%; _position: relative; overflow: hidden; background: blue;">
<div style="_position: absolute; _top: 50%; display: table-cell; vertical-align: middle;">
<p style="_position: relative; _top: -50%; background: gray;">
any text<br />
any height<br />
any content, for example generated from DB<br />
everything is vertically centered
</p>
</div>
</div>
PM MAIL   Вверх
Fubu_By
Дата 14.1.2009, 16:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 14.2.2007

Репутация: нет
Всего: 0
Цитата(Violator @ 14.1.2009,  15:22)
Fubu_By, нормально выравнивает
Код

<div style="display: table; height: 100%; _position: relative; overflow: hidden; background: blue;">
<div style="_position: absolute; _top: 50%; display: table-cell; vertical-align: middle;">
<p style="_position: relative; _top: -50%; background: gray;">
any text<br />
any height<br />
any content, for example generated from DB<br />
everything is vertically centered
</p>
</div>
</div>

позиционирование не подходит


--------------------
MobiAppSystems
PM MAIL WWW   Вверх
olldman
Дата 14.1.2009, 18:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дед
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 9.1.2009
Где: Омск

Репутация: 6
Всего: 6
#center{width:100px;height:50px;margin:0px auto;}

Это сообщение отредактировал(а) olldman - 14.1.2009, 18:54
PM MAIL WWW ICQ Skype   Вверх
Fubu_By
Дата 15.1.2009, 13:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 14.2.2007

Репутация: нет
Всего: 0
это по горидонтали получится,  а не повертикали

Это сообщение отредактировал(а) Fubu_By - 15.1.2009, 13:35


--------------------
MobiAppSystems
PM MAIL WWW   Вверх
hunterman
Дата 15.1.2009, 17:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 36
Регистрация: 3.12.2008
Где: Херсон

Репутация: нет
Всего: нет
тогда либо подогнать решение чтобы подходило позиционирование либо сверстать кусок таблицей.

Это сообщение отредактировал(а) hunterman - 15.1.2009, 17:23
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0440 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.