Хабрахабр / Комментарии к посту «Способ вертикального выравнивания блока с помощью настоящего vertical-align» в блоге «Каскадные Таблицы Стилей» http://habrahabr.ru/rss/post/71236/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 12:28:01 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif Хабрахабр 18.10.2011 21:24:29 almazmusic http://habrahabr.ru/blogs/css/71236/#comment_4333023 http://habrahabr.ru/blogs/css/71236/#comment_4333023 Tue, 18 Oct 2011 21:24:29 GMT almazmusic 18.10.2011 21:00:48 almazmusic http://habrahabr.ru/blogs/css/71236/#comment_4332983 http://habrahabr.ru/blogs/css/71236/#comment_4332983 Tue, 18 Oct 2011 21:00:48 GMT almazmusic 12.05.2011 10:54:36 torbasow http://habrahabr.ru/blogs/css/71236/#comment_3890203 http://habrahabr.ru/blogs/css/71236/#comment_3890203 Thu, 12 May 2011 10:54:36 GMT torbasow 10.05.2011 10:20:02 torbasow http://habrahabr.ru/blogs/css/71236/#comment_3883199 http://habrahabr.ru/blogs/css/71236/#comment_3883199 line-height, но и такой же height оставить, иначе он схлопывается по высоте содержимого; во-вторых, в старых IE всё заработало с p-блоками и общими стилями, без специальных выкрутасов.

Причина в обоих случаях, подозреваю, одна и та же: у меня вложенные (центрируемые по вертикали) p-блоки зафлоачены.]]> Tue, 10 May 2011 10:20:02 GMT torbasow 16.08.2010 18:55:57 GoldenHind http://habrahabr.ru/blogs/css/71236/#comment_3161498 http://habrahabr.ru/blogs/css/71236/#comment_3161498 года не прошло с момента этого комментария, а ситуация уже изменилась в корне.]]> Mon, 16 Aug 2010 18:55:57 GMT GoldenHind 16.08.2010 18:54:22 GoldenHind http://habrahabr.ru/blogs/css/71236/#comment_3161492 http://habrahabr.ru/blogs/css/71236/#comment_3161492 А автору всё равно респект ибо способ работает хорошо, стабильно, да и наблюдения насчёт поведения ИЕ интересны.]]> Mon, 16 Aug 2010 18:54:22 GMT GoldenHind 08.10.2009 05:11:33 MrGD http://habrahabr.ru/blogs/css/71236/#comment_2056741 http://habrahabr.ru/blogs/css/71236/#comment_2056741 Thu, 08 Oct 2009 05:11:33 GMT MrGD 02.10.2009 15:13:30 PiSaiK http://habrahabr.ru/blogs/css/71236/#comment_2041004 http://habrahabr.ru/blogs/css/71236/#comment_2041004 Fri, 02 Oct 2009 15:13:30 GMT PiSaiK 02.10.2009 14:12:22 GmasteR http://habrahabr.ru/blogs/css/71236/#comment_2040841 http://habrahabr.ru/blogs/css/71236/#comment_2040841 Fri, 02 Oct 2009 14:12:22 GMT GmasteR 02.10.2009 11:15:16 squint http://habrahabr.ru/blogs/css/71236/#comment_2040307 http://habrahabr.ru/blogs/css/71236/#comment_2040307 Fri, 02 Oct 2009 11:15:16 GMT squint 02.10.2009 10:22:13 Dimox http://habrahabr.ru/blogs/css/71236/#comment_2040127 http://habrahabr.ru/blogs/css/71236/#comment_2040127 Fri, 02 Oct 2009 10:22:13 GMT Dimox 02.10.2009 10:17:52 homm http://habrahabr.ru/blogs/css/71236/#comment_2040112 http://habrahabr.ru/blogs/css/71236/#comment_2040112 Fri, 02 Oct 2009 10:17:52 GMT homm 02.10.2009 10:09:10 SelenIT #comment_2040080 #comment_2040080
Забавно, что в IE6-7 разницы нет, т.к. там нет Almost Standards. Эх, мозилла-мозилла, как же ты в 2001-м намудрилла… :)]]> Fri, 02 Oct 2009 10:09:10 GMT SelenIT 02.10.2009 09:53:38 deerua http://habrahabr.ru/blogs/css/71236/#comment_2040047 http://habrahabr.ru/blogs/css/71236/#comment_2040047 Но что делать с Transitional не ясно ;)]]> Fri, 02 Oct 2009 09:53:38 GMT deerua 02.10.2009 09:36:27 gadostnik http://habrahabr.ru/blogs/css/71236/#comment_2039970 http://habrahabr.ru/blogs/css/71236/#comment_2039970 Fri, 02 Oct 2009 09:36:27 GMT gadostnik 02.10.2009 09:11:27 homm http://habrahabr.ru/blogs/css/71236/#comment_2039875 http://habrahabr.ru/blogs/css/71236/#comment_2039875 Fri, 02 Oct 2009 09:11:27 GMT homm 02.10.2009 09:09:55 deerua http://habrahabr.ru/blogs/css/71236/#comment_2039868 http://habrahabr.ru/blogs/css/71236/#comment_2039868 Смотрю в код, а там марин-топ 100пх, лайн-хейгт 200пх и в transitional не работет ;)]]> Fri, 02 Oct 2009 09:09:55 GMT deerua 02.10.2009 08:58:17 Dimox http://habrahabr.ru/blogs/css/71236/#comment_2039815 http://habrahabr.ru/blogs/css/71236/#comment_2039815 Fri, 02 Oct 2009 08:58:17 GMT Dimox 02.10.2009 08:56:39 Dimox http://habrahabr.ru/blogs/css/71236/#comment_2039808 http://habrahabr.ru/blogs/css/71236/#comment_2039808 HTML 4.01 Strict, который используется в примерах, задействовать HTML 4.01 Transitional или XHTML 1.0 Transitional.

P.S. Зато в HTML5 работает.]]> Fri, 02 Oct 2009 08:56:39 GMT Dimox 02.10.2009 08:28:38 homm http://habrahabr.ru/blogs/css/71236/#comment_2039699 http://habrahabr.ru/blogs/css/71236/#comment_2039699 ну где вы найдете блоки с фиксированной высотой, да еще и в пикселях??В данном случае, как раз способ был найден для конкретного применения, а не наоборот:
image]]> Fri, 02 Oct 2009 08:28:38 GMT homm 02.10.2009 08:10:37 PiSaiK http://habrahabr.ru/blogs/css/71236/#comment_2039640 http://habrahabr.ru/blogs/css/71236/#comment_2039640 Fri, 02 Oct 2009 08:10:37 GMT PiSaiK 02.10.2009 08:07:08 egorinsk http://habrahabr.ru/blogs/css/71236/#comment_2039630 http://habrahabr.ru/blogs/css/71236/#comment_2039630 Fri, 02 Oct 2009 08:07:08 GMT egorinsk 02.10.2009 07:54:12 SelenIT #comment_2039581 #comment_2039581 Fri, 02 Oct 2009 07:54:12 GMT SelenIT 02.10.2009 07:53:34 SelenIT #comment_2039576 #comment_2039576 в него можно оборачивать блочные элементы, и сам он строчный при этом
Это заблуждение. То, что валидатор на это не ругается — лишь свидетельство его тупости, вызванной недостаточностью выразительных средств DTD :)

Спецификация однозначно говорит, что
The INS and DEL elements must not contain block-level content when these elements behave as inline elements.
]]> Fri, 02 Oct 2009 07:53:34 GMT SelenIT 02.10.2009 07:39:18 BassEast http://habrahabr.ru/blogs/css/71236/#comment_2039521 http://habrahabr.ru/blogs/css/71236/#comment_2039521 слово «Баян» уже реально надоело, все кому не лень им отписываются, похоже ради того, дабы отписаться, лучше тогда молчать и мысленно не соглашаться с мнениями.]]> Fri, 02 Oct 2009 07:39:18 GMT BassEast 02.10.2009 07:25:40 andrew_tch http://habrahabr.ru/blogs/css/71236/#comment_2039458 http://habrahabr.ru/blogs/css/71236/#comment_2039458 Был у меня один заказчик, просил таблицы на 6 столбцов верстать дивами, потому что таблицы — это не семантично вообще. Убедил-таки.]]> Fri, 02 Oct 2009 07:25:40 GMT andrew_tch 02.10.2009 07:14:54 BassEast http://habrahabr.ru/blogs/css/71236/#comment_2039424 http://habrahabr.ru/blogs/css/71236/#comment_2039424 Fri, 02 Oct 2009 07:14:54 GMT BassEast 02.10.2009 07:03:55 BassEast http://habrahabr.ru/blogs/css/71236/#comment_2039385 http://habrahabr.ru/blogs/css/71236/#comment_2039385 Fri, 02 Oct 2009 07:03:55 GMT BassEast 02.10.2009 07:02:27 Dimox http://habrahabr.ru/blogs/css/71236/#comment_2039379 http://habrahabr.ru/blogs/css/71236/#comment_2039379 Fri, 02 Oct 2009 07:02:27 GMT Dimox 02.10.2009 06:54:13 kocten http://habrahabr.ru/blogs/css/71236/#comment_2039360 http://habrahabr.ru/blogs/css/71236/#comment_2039360 Fri, 02 Oct 2009 06:54:13 GMT kocten 02.10.2009 06:52:50 oknechirik http://habrahabr.ru/blogs/css/71236/#comment_2039356 http://habrahabr.ru/blogs/css/71236/#comment_2039356 Fri, 02 Oct 2009 06:52:50 GMT oknechirik 02.10.2009 06:51:03 kocten http://habrahabr.ru/blogs/css/71236/#comment_2039349 http://habrahabr.ru/blogs/css/71236/#comment_2039349 Если пройдет испытание временем — то такой метод мне кажется неплохим и span'ы его сильно не испортят]]> Fri, 02 Oct 2009 06:51:03 GMT kocten 02.10.2009 06:48:17 oknechirik http://habrahabr.ru/blogs/css/71236/#comment_2039341 http://habrahabr.ru/blogs/css/71236/#comment_2039341 www.cssplay.co.uk/ie/valign.html
]]> Fri, 02 Oct 2009 06:48:17 GMT oknechirik 02.10.2009 06:47:16 SelenIT #comment_2039336 #comment_2039336 Fri, 02 Oct 2009 06:47:16 GMT SelenIT 02.10.2009 06:45:49 kocten http://habrahabr.ru/blogs/css/71236/#comment_2039330 http://habrahabr.ru/blogs/css/71236/#comment_2039330 Fri, 02 Oct 2009 06:45:49 GMT kocten 02.10.2009 06:45:32 SelenIT #comment_2039328 #comment_2039328 Fri, 02 Oct 2009 06:45:32 GMT SelenIT 02.10.2009 06:42:05 kocten http://habrahabr.ru/blogs/css/71236/#comment_2039320 http://habrahabr.ru/blogs/css/71236/#comment_2039320 Семантика — система правил определения поведения отдельных языковых конструкций. Семантика определяет смысловое значение предложений алгоритмического языка.
В верстке использование оберточных блоков следует избегать по возможности, но это не обязательное правило: если Вы дадите оберточному блоку класс из которого будет понятно что этот блок делает, что именно он оборачивает — семантика практически не пострадает.]]> Fri, 02 Oct 2009 06:42:05 GMT kocten 02.10.2009 06:40:32 tenshi http://habrahabr.ru/blogs/css/71236/#comment_2039315 http://habrahabr.ru/blogs/css/71236/#comment_2039315 Fri, 02 Oct 2009 06:40:32 GMT tenshi 02.10.2009 06:16:46 jahson http://habrahabr.ru/blogs/css/71236/#comment_2039232 http://habrahabr.ru/blogs/css/71236/#comment_2039232 haslayout.net/css-tuts/Vertical-Centering
Изобретения не вышло.]]> Fri, 02 Oct 2009 06:16:46 GMT jahson 02.10.2009 06:01:50 ferrari http://habrahabr.ru/blogs/css/71236/#comment_2039199 http://habrahabr.ru/blogs/css/71236/#comment_2039199 Fri, 02 Oct 2009 06:01:50 GMT ferrari