Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Траблы с vertical-align
 
 автор: Mookapek   (15.11.2008 в 01:31)   письмо автору
 
 

Не знаю в чем дело, но свойство vertical-align применительно к DIV (<div style="vertical-align:middle">) не хочет выравнивать текст внутри блока по вертикали.
Как всё-таки выравнить?

  Ответить  
 
 автор: sl1p   (15.11.2008 в 01:49)   письмо автору
 
   для: Mookapek   (15.11.2008 в 01:31)
 

это пашет только в таблице..
можно воспользоваться padding;

padding-top:10px например, ну или половина размера дива, если хотите.

  Ответить  
 
 автор: Mookapek   (15.11.2008 в 21:43)   письмо автору
 
   для: sl1p   (15.11.2008 в 01:49)
 

А как выравнить объект по вертикали внутри блока DIV, так чтоб не указывать значения отступа сверху в пикселах, а используя значения "top", "middle", "bottom"?

  Ответить  
 
 автор: sl1p   (16.11.2008 в 02:34)   письмо автору
 
   для: Mookapek   (15.11.2008 в 21:43)
 

Нормально никак.
ну можете текст сделать с position:absolute; и выравнивать его как хочется, но это уже извращение:)

Либо если так важен див, то можно для текста поместить туда таблицу с одним столбиком и строкой, растянуть по диву и выравнивать сколько хочется)

  Ответить  
 
 автор: Mookapek   (16.11.2008 в 15:34)   письмо автору
 
   для: sl1p   (16.11.2008 в 02:34)
 

Да, думаю поместить в DIV таблицу с одной ячейкой, и нормально будет. Спасибо всем!

  Ответить  
 
 автор: ddhvvn   (16.11.2008 в 11:38)   письмо автору
 
   для: Mookapek   (15.11.2008 в 21:43)
 

Если так уж сильно хотите, то есть такой вот немного туповатый вариант

<div style="height:100px;border: solid 1px red;width:100px;line-height: 100px;vertical-align:middle;padding-left: 5px">test</div>


Только тут у Вас в любом случае будут "поля" сверху и снизу по 50px. Так что...

  Ответить  
 
 автор: Lelik   (16.11.2008 в 13:56)   письмо автору
 
   для: Mookapek   (15.11.2008 в 21:43)
 

почитай пост PATа, он написал об этом. хотя если хочется извратиться, то можно такое заделать:

div  {
    display: table-cell;
}


НО!!! это не будет, ни при каких условиях, работать в ИЕ, потому не цурайся таблиц :)

  Ответить  
 
 автор: PAT   (15.11.2008 в 12:32)   письмо автору
 
   для: Mookapek   (15.11.2008 в 01:31)
 

Свойство vertical-align применительно к DIV никогда не работало и работать не будет.

Список тегов, поддерживающих это свойство: IMG, SPAN, TBODY, TD, TFOOT, TH, THEAD, TR (ну и тег COL для MSIE)

  Ответить  
 
 автор: tAleks   (17.04.2009 в 11:41)   письмо автору
 
   для: PAT   (15.11.2008 в 12:32)
 

К диву не работает. А картинку внурти дива можно выровнять по нижнему краю, если высота дива задана фиксированая?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования