Веб дизайн : CSS ошибки браузера IE 6.0
Написал MACTEP в 25.07.2011 21:30:00 ( 2458 прочтений )

Ошибки в браузере IE6У 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. Важно найти компромисс.


Теги: Ошибки  
Предыдущая новость Следующая новость
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити

Кто активен

6 пользователь(ей) активно (1 пользователь(ей) просматривают Web)

Участников: 0
Гостей: 6

далее...

Рекомендуем