У Internet Explorer 6 лет десять назад была лучшая поддержка CSS при сравнении с другими браузерами.
Но сейчас сплошь и рядом встречаются баги в IE6 при создании сайта. Некоторые дизайнеры отказываются от элементов, которые некорректно отображаются в Internet Explorer 6, но есть способы обойти эти преграды.
Вот лишь несколько ошибок, которые мы встречаем при проверке сайта в IE6.
1. Размер блоков.
Наверное, это самый частый баг с которым сталкиваются вeб-дизайнеры... Например вы задаете стили нашему блоку:
div#xbox {
width: 50px;
border: 4px solid #000;
padding: 10px;
}
В IE 6 ширина блока будет 50px, а в других браузерах будет 78px (50+2*10+2*4).
При верстке сайта это создает большие проблемы с позиционированием.
Возможное решение данной проблемы таково: если в блоке будет текст, к примеру, в теге, то свойство padding задаем тексту, но не блоку.
2. Ошибка отступа от края.
Вот пример еще одного блока:
div#xbox {
float: right;
margin-right: 10px;
}
В IE 6 будет удвоенный отступ с правого края с 10px до 20px, что снова вызывает проблемы в позиционировании.
В этом случае необходимо использовать свойство padding только для внутренних элементов блока.
3. Минимальная ширина и высота.
В IE 6 напрочь игнорируется установка минимальной высоты и ширины.
Установка минимальной высоты к примеру, используется при создании нижнего колонтитула. Или, при использовании фоновогоизображения, но при этом вы не хотите использовать фиксированную высоту, а при добавлении текста, высота должна увеличиваться.
4. Эффекты при наведении курсора мыши.
Почти все современные браузеры поддерживает эффекты при наведении курсора мыши для любого элемента, но в Internet Explorer 6 большинство из них не поддерживается.
Поэтому вам следует избегать эти свойства элементов при создании сайта, если желаете добиться правильного отображения в IE6.
5. Нет поддержки прозрачности при использовании в png файлов.
В Internet Explorer 6 не работает прозрачность в картинках с .png, хотя нормально работает с этими файлами без прозрачности.
Учитывая это, дизайн и верстку нашего сайта необходимо создавать, используя современные свойства и методики, но не стоит забывать и о тех пользователях, которые до сих пор используют Internet Explorer 6. Важно найти компромисс.
|