♛ FORTRESS-DESIGN

Кроссбраузерная верстка

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

  1. Объявляю правильный doctype (предпочтительнее использовать Strict).
  2. Адаптирую шаблон под новые браузеры.
  3. Только после выполнения второго пункта, приступаю к адаптации под старые браузеры.

Адаптация под ИЕ происходит с использованием условных комментариев, с помощью которых подключаются стили, написанные специально для конкретной версии браузера. В них пишутся только те правила CSS, которые отличаются от общих.

ИЕ очень не любит, когда для позиционирования плавающего (float) объекта задают left и margin-left одновременно. Особенно ИЕ не дружит со свойством left. Например,  с ИЕ 7 и старше, будут проблемы, если контейнер для копирайта и контейнер для информации о разработчиках сайта пытаться позиционировать свойствами margin-left и left одновременно.

.copyright-container { position: relative; float: left; width: 30%; margin-left: 298px; } .made-container { position: relative; float: left; width: 25%; left: 650px; }