Чтобы добиться адекватного отображения дизайна сайта во всех используемых браузерах, я придерживаюсь следующей методики:
- Объявляю правильный doctype (предпочтительнее использовать Strict).
- Адаптирую шаблон под новые браузеры.
- Только после выполнения второго пункта, приступаю к адаптации под старые браузеры.
Адаптация под ИЕ происходит с использованием условных комментариев, с помощью которых подключаются стили, написанные специально для конкретной версии браузера. В них пишутся только те правила 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; }