Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 30.06.2011 23:27

is5157
Новичок
Зарегистрирован: 03.04.2011
Сообщений: 12

Выравнивание по вертикали

Как ещё можно выровнить содержимое по вертикали в блоковом элементе не используя таблицы и позиционирование. Например нужно выровнять абзац текста в div-е. С помощью свойства line-height получается выровнять только однострочный текст.

Отредактированно is5157 (30.06.2011 23:31)

Нет на форуме

 

#2 01.07.2011 02:08

tapazukk
Опытный
Зарегистрирован: 16.01.2010
Сообщений: 349
Вебсайт

Re: Выравнивание по вертикали

Для нормальных браузеров у блока с текстом прописать

Код:

display:table-cell;
vertical-align:middle;

IE побороть через expression

Нет на форуме

 

#3 01.07.2011 09:53

kiD
Новичок
Откуда: Ufa
Зарегистрирован: 27.06.2011
Сообщений: 2

Re: Выравнивание по вертикали

padding с процентами

Нет на форуме

 

#4 02.07.2011 20:38

is5157
Новичок
Зарегистрирован: 03.04.2011
Сообщений: 12

Re: Выравнивание по вертикали

С display:table-cell; всё понятно, а вот насчёт padding с процентами если можно то объясните, а то чё-то не понял...

Нет на форуме

 

#5 03.07.2011 14:13

alemiks
Опытный
Откуда: Voronezh
Зарегистрирован: 09.04.2010
Сообщений: 256
Вебсайт

Re: Выравнивание по вертикали

http://jakpsatweb.cz/css/css-vertic … ution.html

Нет на форуме

 

#6 05.07.2011 12:54

garA
Новичок
Зарегистрирован: 02.05.2011
Сообщений: 15

Re: Выравнивание по вертикали

оффтоп:
2 alemiks:

is5157 написал:

Как ещё можно выровнить содержимое по вертикали в блоковом элементе не используя таблицы и позиционирование. Например нужно выровнять абзац текста в div-е. С помощью свойства line-height получается выровнять только однострочный текст.

2 kiD:
а если высота внутреннего блока неизвестна?

честно говоря, я не знаю, как это сделать без использования позиционирования и чтобы везде работало.. )

Нет на форуме

 

#7 05.07.2011 13:20

alemiks
Опытный
Откуда: Voronezh
Зарегистрирован: 09.04.2010
Сообщений: 256
Вебсайт

Re: Выравнивание по вертикали

to garA
http://jakpsatweb.cz/css/css-vertic … ution.html

Нет на форуме

 

#8 05.07.2011 13:54

garA
Новичок
Зарегистрирован: 02.05.2011
Сообщений: 15

Re: Выравнивание по вертикали

хм.. а это как понять


   

     

?
или я все не так понял?

Нет на форуме

 

#9 05.07.2011 15:29

alemiks
Опытный
Откуда: Voronezh
Зарегистрирован: 09.04.2010
Сообщений: 256
Вебсайт

Re: Выравнивание по вертикали

garA написал:

хм.. а это как понять?

использован побочный эффект свойства position для ie (читай, хак)
как таковое позиционирование не используется

Нет на форуме

 

#10 05.07.2011 15:57

garA
Новичок
Зарегистрирован: 02.05.2011
Сообщений: 15

Re: Выравнивание по вертикали

2 alemiks
понятно, пасиб.. )

Нет на форуме

 

Board footer