Кроссбраузерность step-by-step

Posted: 7 февраля 2007 by partisan in Вебдев
Tags: , , ,

Подсмотрел у gordi:

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

Всегда приятно, когда страница в разных браузерах выглядит, если не идеально, то хотя бы без бросающегося в глаза не соответствия в размерах элементов страницы.

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

Сначала верстаем под OPERA, потом под FireFox, далее IE.

Нет необходимости говорить, что хаки - зло, но, к большому сожалению, без них не обойтись.

Используя в стилях, следующие выражения:

html:root .xxx {}
или
body:not([dummy]) .xxx {}

подгоняем FireFox под OPERA, теперь дело за IE, через условные комментарии:


мирим такие любимые и такие разные бродилки :)

Можно и 5-ый так же подключить, но уже, по-видимому не актуально.

Потратив совсем не много времени, Вы получите результат, максимально Вас устраивающий.

Что значат матюки типа html:root .xxx я чего-то не соображу сейчас... А все остальное в принципе так и есть. Я правда всегда делал сначала под Firefox, а потом уже Опера. Но наверно-таки сначала верстать под Оперу умнее. Не знаю, не знаю. Попробую при первой возможности сей алгоритм.

елена корикова ваши кровати
  1. rosko пишет:

    Я, кстати, по этому алгоритму Опера-Лиса-ИЕ уже давно работаю при верстке. Как-то само получилось вывести такую формулу. Опера фарева :)

  2. Ярик пишет:

    А я верстаю под FF и как правило в Opere и Chrome, IE7-8 все отлично. А вот IE6… Мне не то что подгонять приходиться… А чуть ли не заново переверстывать