Управление потоком в CSS: создаём контекст форматирования

[@tenshi]

битва за поток, часть третяя =)

[@BaBL]

Прям многопоток какой-то на хабре =)

[@pavlick]

казалось бы — почему создатели браузеров наконец не могут договориться о единой поддержке css!..

[@xunbeliever]

Пока ИЕ не перестанет быть дефолтным браузером в Винде — мы будем оочень долго ждать, увы.

[@frost_lab]

Ага, года через 3, а то и позже…
Совсем скоро.

[@Al_Kash]

CSS тоже не стоит на месте через 3 года будет уже новые версии css, которые врятли, по сущ. тенденциям, будут поддерживаться IE

[@deerua]

откуда такие странные графики?
это по конкретному сайту?
ибо по миру опера вообще не в доле :) пока

[@npFly]

А как быть с IE под МАС?

[@arestov]

так же как с 4й оперой

[@arestov]

inline-block судя по всему и в нём включает hasLayout

[@bolk]

IE поддерживает inline-block

[@arestov]

какой именно? ie6 только в виде display:inline + hasLayout

[@bolk]

тут параллельно вашему есть объясняющий комментарий (IE6 тоже поддерживает inline-block).

[@frost_lab]

Вариант весьма интересный, однако обкатывать его на наличие подводных камней предстоит ещё долго.

[@arestov]

display:table ведёт себя предсказуемо во всех браузерах, hasLayout уже довольно неплохо изучен.

[@frost_lab]

Увы, но чем больше я занимаюсь вёрсткой, тем больше я убеждаюсь в том что ие и предсказуемость понятия не совместимые.

Даже седьмая версия одного_очень_замечательного браузера порой выкидывает интересные номера, из за которых приходится долго прыгать с бубном.

[@maxic]

Верстайте, согласно стандартов и всё будет ок :)
Так как все браузеры по умолчанию поддерживают стандарты.
Правда еще существует вопрос, в том как например ms понимает этот стандарт ;)
Но если придерживаться строгих стандартов и соблюдать правильность стандартов технологий, то можно спокойно верстать любые сайты и без всяких грязных хаков.
Просто надо не лениться и почаще читать, например такие статьи.
Поэтому спасибо автору за статью, к тому же хорошо проиллюстрированную и подготовленную.

[@Panya]

Верстайте, согласно стандартов и всё будет ок :)
Так как все браузеры по умолчанию поддерживают стандарты.
Правда еще существует вопрос, в том как например ms понимает этот стандарт ;)
Но если придерживаться строгих стандартов и соблюдать правильность стандартов технологий, то можно спокойно верстать любые сайты и без всяких грязных хаков.

Далеко от реальности.

[@frost_lab]

Правильнее будет: старайтесь соблюдать рекомендации W3C.

Далеко не все браузеры их поддерживают, да и стандартом они вовсе не являются, это лишь РЕКОМЕНДАЦИИ, и MS уже не раз демонстрировала на практике своё к ним отношение.

[@arestov]

потому я и советую display:table ))

[@homm]

Второго можно нелохо прокачать, сделать внутри элеменов еще один с display: block; position: relative; Причем чтобы ие смог применить inline-block нужно чтобы элементы изначально инлайновые, а чтобы мозг у рандомного рендера фаерфокса не свело, нужно чтобы все дочерние элементы тоже были изначально инлайновыми. И для того-же второго фф нужно все флоаты внутри сделать relative. А для оперы 9.2 сделать их обратно static с помошью хака. Короче, проблем— море, но мне удалось решить все на довольно сложной разметке. Основное, что привлекло — возможность без последствий использовать блоки разной высоты, и даже выравнивать их через vertical-align, так что игра стоит свечь.

[@Vii]

У вас в примерах display:-moz-inline-box; добавляется после display:inline-block; В таком случае Fx 3 тоже «подхватывает» -moz свойство, вместо inline-block, что как-то не логично. ;)

А статья очень познавательна, спасибо (кармы нет, поэтому только на словах, извините :)).

[@asci]

Спасибо в карму не положишь?0_о

<левее>Иллюстрации хорошо сделаны… был бы такой генератор, что бы сайт раз, и он тебе табличку на всех бравзерах показал...</левее>

[@Panya]

http://browsershots.org/

Но он подходит только для самых простейших тестов. Как правило, самые сложные баги являются динамическими, т.е. возникают при взаимодействии с браузером (ресайз окна, наведение курсора на ссылку, выделение, добавление текста).

[@Theo_from_Sed]

ошибка: «загаловками таблиц»

[@arestov]

спасибо. можно было личным сообщением :)

[@Theo_from_Sed]

1. Хорошо бы сначала показывать html-структуру примера, а потом применённые к ней стили.
2. «Итак, давайте посмотрим на что способен display:inline-block...» — тут нужно дописать: "… применённый к классу такому-то".

[@arestov]

структура общая, если бы указывал каждый раз была бы каша.
а так мы просто вносим в изменения в один и тот же кусок html

кстати, спасибо за замечания! чуть позже подправлю, действительно будет лучше