Под кроссбраузерностью мы понимаем доступность информации в любом из распространенных браузеров.

Но отображение этой информации получается не везде одинаковым :(

Internet Explorer aka IE

Но на практике...

Условные комментарии

<!--[if lte IE 8]>
  <link rel="stylesheets" href="css/ie.css" >
<![endif]-->

Что-такое-условные-комментарии?

http://htmlbook.ru/samlayout/internet-explorer/uslovnye-kommentarii

Ключевые слова в условных комментариях

• lt – меньше (<)
• lte – меньше или равно (<=)
• gt – больше (>)
• gte – больше или равно (>=)

<!--[if lte IE 8]>
  <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

Хаки

http://www.webmasterwiki.ru/CSS/Krossbrauzernost'CSSXaki

Расширенный сборник CSS хаков

Но должен ли сайт одинаково
выглядеть в разных браузерах?

Progressive enhancement #

постепенное улучшение:
начать с содержимого и постепенно улучшать до 
совершенства в зависимости возможностей браузеров 

http://htmlacademy.ru/demos/1#step1

Graceful degradation #

«изящная деградация» или «отказоустойчивость»
принцип сохранения работоспособности при потере части функциональности. 

Мы должны хотя бы показывать юзеру окошко типа «Хочешь больше фишек, выше скорость? Поставь Хром!»

Потому что иначе обычный пользователь все-таки подумает не «хреновый у меня браузер», а «хреновый у них сайт».

Материалы по теме

• Progressive Enhancement или всё-таки Graceful Degradation
• Progressive Enhancement: практичный подход к современной кроссбраузерной разработке
• Graceful degradation — что это?

Браузеры такие разные...

If web browsers were Girls