Отцентровать по вертикале в div @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 10 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Заголовок сообщения: Отцентровать по вертикале в div
Сообщение Добавлено: 18 Июль 2004, 09:22:51 
Помогите, пожалуйста.
Есть <div style="width:100%;height:100%">TEXT</div>

Хотелось бы, чтобы сделать текст по центру по вертикале.
Как?

_________________
:: metal kick ass ::
triptyl Муж.
новый человек
0
Сообщения: 88
Зарегистрирован: 11.05.04
Сообщение Добавлено: 18 Июль 2004, 13:37:32 
Может быть лучше

Код:

<table width="100%" height="100%">
  <tr><td valign="top">
    <center>TEXT</center>
  </td></tr>
</table>


?

_________________
все приборы врут, все, кто с нами, умрут, кольцевые дороги никуда не ведут
Art-dir
соучастник
0
Сообщения: 446
Зарегистрирован: 05.07.04
Откуда: .msk.ru
Сообщение Добавлено: 18 Июль 2004, 13:43:05 
vertical-align

_________________
Когда предлагают варианты эскизов, я беру тот, который мне рекомендуют сами дизайнеры,
а не тот, который нравится мне.

О. Антонов (авиаконструктор)
LESSIO Муж.
соучастник
0
Сообщения: 445
Зарегистрирован: 28.02.04
Сообщение Добавлено: 18 Июль 2004, 14:13:05 
MpaK999, помоему в теге div не применим vertical-align так как он не является inline элементом, да и такое решение очень уж сложное и непонятное.
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Сообщение Добавлено: 18 Июль 2004, 14:23:50 
triptyl, тогда бы я уж так нописал бы
Код:
<table width="100%" style="height:100%">
  <tr><td valign="middle" align="center">TEXT</td></tr>
</table>


Art-dir, нет, код типа, тоже не хочет.
Код:
<div style="border-width:1px;border-style:solid;width:100%;height:100%;vertical-align:middle">TEXT</div>


LESSIO, решения нет, кроме как таблицей?

_________________
:: metal kick ass ::
LESSIO Муж.
соучастник
0
Сообщения: 445
Зарегистрирован: 28.02.04
Сообщение Добавлено: 18 Июль 2004, 14:33:21 
MpaK999, ну получается что нет, если верить CSS-спецификации.
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Сообщение Добавлено: 18 Июль 2004, 18:36:01 
эх, мда :(

_________________
:: metal kick ass ::
404 Муж.
новый человек
0
Сообщения: 114
Зарегистрирован: 26.11.02
Откуда: Санкт-Петербург
Сообщение Добавлено: 23 Июль 2004, 02:14:54 
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
Nekta
новый человек
0
Сообщения: 133
Зарегистрирован: 15.05.03
Сообщение Добавлено: 23 Июль 2004, 09:23:42 
гениально! шикарно :)

_________________
Критика - это учить автора, как бы я сделал на его месте, если бы умел.
Карел Чапек.
<sergio.ga>
новый человек
0
Сообщения: 102
Зарегистрирован: 13.06.03
Откуда: Харьков, Украина
Сообщение Добавлено: 23 Июль 2004, 13:59:59 
Другое решение per rectum для простых случаев:
Код:
<div style="height:50%;"></div>
<div style="position:relative;top:-0.5em;text-align:center;">TEST</div>
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 10 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100