Firefox криво распознает display: table-cell;

[Mosya]

Верстал под Chrome, надо было, чтобы текст в диве выравнивался по вертикали. Настроил, открываю Firefox, а там вот что:

Все куда-то уехало за пределы страницы... Гуглеж не дал мне никакого фикса для этого. Вот ссылка на сам сайт, можете посмотреть.

Вот. Тут все отображается нормально. Это ужас. Причину не могу выяснить.

Edited July 19, 2012 by Mosya

[sasha^]

у меня все норм) лиса 12..

вот:

[Mosya]

  On 7/19/2012 at 7:32 PM, sasha^ said:

у меня все норм) лиса 12..

вот:

Да нет, у вас так же. Вы горизонтально прокрутите сайт. И сравните с тем, как он отображается в хроме (вижу, он у вас есть).

Edited July 19, 2012 by Mosya

[sasha^]

да в хроме норм... зачем дисплей табле-селл вообще использовать?)

он же ни в ослике, ни мазиле не работает)))

Edited July 19, 2012 by sasha^

[Mosya]

sasha^, ну в осле еще довольно нормально. Иначе не проставляется vertical-align. А он нужен, потому что отступами делать нельзя, это противоречит здравому смыслу. Но, видимо, придется пока отступами впихнуть на середину, до тех пор, пока не пофиксю эту фигню

[sasha^]

это же 1-страничный сайт?

вы уже, по моему, неделю верстаете

Edited July 19, 2012 by sasha^

[Mosya]

sasha^, таки вы меня помните уже )))

[sasha^]

я завтра сверстаю в обед

бесплатно, одна ж страница

за 3 плюсика сегодня и три завтра(их можно ставить после 30 сообщений на форуме)

Edited July 19, 2012 by sasha^

[Mosya]

  On 7/19/2012 at 7:52 PM, sasha^ said:

я завтра сверстаю в обед

бесплатно, одна ж страница

за 3 плюсика сегодня и три завтра(их можно ставить после 30 сообщений на форуме)

Не! Уже не надо )) все равно самому надо опыт набирать

Спасибо за готовность )

[SelenIT]

  On 7/19/2012 at 7:38 PM, sasha^ said:

зачем дисплей табле-селл вообще использовать?)

он же ни в ослике, ни мазиле не работает)))

Неправда.

[Mosya]

  On 7/23/2012 at 8:18 AM, SelenIT said:

  On 7/19/2012 at 7:38 PM, sasha^ said:

зачем дисплей табле-селл вообще использовать?)

он же ни в ослике, ни мазиле не работает)))

Неправда.

Тут, кстати, нужно согласиться, потому что я сделал маленький тест: создал див 300*400px и, сделал ему display: table-cell и vertical-align: middle; текст в нем четко выравнивался по середине. Так что, скорее всего, дело в окружении дива на моей странице. МБ это из-за того, что картинки перед ним имеют float: left; но я не могу понять связи и иначе никак

[hedgehog]

Не вижу никаких table-cell в стилях. Похоже, что уже переделали на inline-block. Поэтому просто выскажу предположение. Насколько я помню, если у элемента с display:table-cell нет явных родителей table&table-row, то браузер создает... Как правильно сказать? Виртуальные элементы с этими свойствами? Может, в этом проблема? Я когда-то уже наступал на грабли с выравниванием самого блока table-cell. Решилось принудительным оборачиванием этого блока в display:table

[SelenIT]

  On 7/23/2012 at 9:59 AM, hedgehog said:

то браузер создает... Как правильно сказать? Виртуальные элементы с этими свойствами?

Безымянные (анонимные) боксы. C дефолтными значениями (margin/border/padding — по нулям, width — auto, etc.)

[hedgehog]

  On 7/23/2012 at 10:05 AM, SelenIT said:

Безымянные (анонимные) боксы. C дефолтными значениями (margin/border/padding — по нулям, width — auto, etc.)

Вот! Спасибо.

Я вспомнил, с какой проблемой столкнулся. Нужно было растянуть ячейку (table-cell) на 100% родителя, но родителем оказался анонимный блок, ширина которого подстраивалась под ширину ячейки

[Mosya]

Так текст-то почему уезжал куда-то далеко? У меня родителем этого блока является безымянный DIV, который сделан только для того, чтобы правильно спозиционировать страницу. И выше проблемного DIV'а находятся 4 картинки со свойствами display: inline-block; float: left; Вроде никаких предпосылок для уезжания текста за пределы экрана.

P.S.: за нехваткой времени сделал паддингами отступ на середину, поэтому для понятия проблемы см. скрин в первом сообщении.