Комментарии 34
битва за поток, часть третяя =)
Прям многопоток какой-то на хабре =)
казалось бы — почему создатели браузеров наконец не могут договориться о единой поддержке css!..
А как быть с IE под МАС?
так же как с 4й оперой
inline-block судя по всему и в нём включает hasLayout
IE поддерживает inline-block
Вариант весьма интересный, однако обкатывать его на наличие подводных камней предстоит ещё долго.
display:table ведёт себя предсказуемо во всех браузерах, hasLayout уже довольно неплохо изучен.
Увы, но чем больше я занимаюсь вёрсткой, тем больше я убеждаюсь в том что ие и предсказуемость понятия не совместимые.
Даже седьмая версия одного_очень_замечательного браузера порой выкидывает интересные номера, из за которых приходится долго прыгать с бубном.
Даже седьмая версия одного_очень_замечательного браузера порой выкидывает интересные номера, из за которых приходится долго прыгать с бубном.
Верстайте, согласно стандартов и всё будет ок :)
Так как все браузеры по умолчанию поддерживают стандарты.
Правда еще существует вопрос, в том как например ms понимает этот стандарт ;)
Но если придерживаться строгих стандартов и соблюдать правильность стандартов технологий, то можно спокойно верстать любые сайты и без всяких грязных хаков.
Просто надо не лениться и почаще читать, например такие статьи.
Поэтому спасибо автору за статью, к тому же хорошо проиллюстрированную и подготовленную.
Так как все браузеры по умолчанию поддерживают стандарты.
Правда еще существует вопрос, в том как например ms понимает этот стандарт ;)
Но если придерживаться строгих стандартов и соблюдать правильность стандартов технологий, то можно спокойно верстать любые сайты и без всяких грязных хаков.
Просто надо не лениться и почаще читать, например такие статьи.
Поэтому спасибо автору за статью, к тому же хорошо проиллюстрированную и подготовленную.
Верстайте, согласно стандартов и всё будет ок :)
Так как все браузеры по умолчанию поддерживают стандарты.
Правда еще существует вопрос, в том как например ms понимает этот стандарт ;)
Но если придерживаться строгих стандартов и соблюдать правильность стандартов технологий, то можно спокойно верстать любые сайты и без всяких грязных хаков.
Далеко от реальности.
Правильнее будет: старайтесь соблюдать рекомендации W3C.
Далеко не все браузеры их поддерживают, да и стандартом они вовсе не являются, это лишь РЕКОМЕНДАЦИИ, и MS уже не раз демонстрировала на практике своё к ним отношение.
Далеко не все браузеры их поддерживают, да и стандартом они вовсе не являются, это лишь РЕКОМЕНДАЦИИ, и MS уже не раз демонстрировала на практике своё к ним отношение.
НЛО прилетело и опубликовало эту надпись здесь
потому я и советую display:table ))
Второго можно нелохо прокачать, сделать внутри элеменов еще один с display: block; position: relative; Причем чтобы ие смог применить inline-block нужно чтобы элементы изначально инлайновые, а чтобы мозг у рандомного рендера фаерфокса не свело, нужно чтобы все дочерние элементы тоже были изначально инлайновыми. И для того-же второго фф нужно все флоаты внутри сделать relative. А для оперы 9.2 сделать их обратно static с помошью хака. Короче, проблем— море, но мне удалось решить все на довольно сложной разметке. Основное, что привлекло — возможность без последствий использовать блоки разной высоты, и даже выравнивать их через vertical-align, так что игра стоит свечь.
У вас в примерах display:-moz-inline-box; добавляется после display:inline-block; В таком случае Fx 3 тоже «подхватывает» -moz свойство, вместо inline-block, что как-то не логично. ;)
А статья очень познавательна, спасибо (кармы нет, поэтому только на словах, извините :)).
А статья очень познавательна, спасибо (кармы нет, поэтому только на словах, извините :)).
Спасибо в карму не положишь?0_о
<левее>Иллюстрации хорошо сделаны… был бы такой генератор, что бы сайт раз, и он тебе табличку на всех бравзерах показал...</левее>
<левее>Иллюстрации хорошо сделаны… был бы такой генератор, что бы сайт раз, и он тебе табличку на всех бравзерах показал...</левее>
http://browsershots.org/
Но он подходит только для самых простейших тестов. Как правило, самые сложные баги являются динамическими, т.е. возникают при взаимодействии с браузером (ресайз окна, наведение курсора на ссылку, выделение, добавление текста).
Но он подходит только для самых простейших тестов. Как правило, самые сложные баги являются динамическими, т.е. возникают при взаимодействии с браузером (ресайз окна, наведение курсора на ссылку, выделение, добавление текста).
ошибка: «загаловками таблиц»
1. Хорошо бы сначала показывать html-структуру примера, а потом применённые к ней стили.
2. «Итак, давайте посмотрим на что способен display:inline-block...» — тут нужно дописать: "… применённый к классу такому-то".
2. «Итак, давайте посмотрим на что способен display:inline-block...» — тут нужно дописать: "… применённый к классу такому-то".
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Управление потоком в CSS: создаём контекст форматирования