Сайтостроительный Блог

Многие веб разработчики наверное сталкивались с проблемой некорректного отображения данных в InternetExporer и пытались её решить. Я предлагаю вам 2 очень варианта решения таких проблем, которые значительно облегчат жизнь html кодеров.

IE fix или IE hack

Сам Microsoft вшил в Explorer данный хак, хотя лучше бы они новый браузер разработали :), но и на том спасибо.
Суть веб дизайн хака заключается в том, что можно без JavaScript заставить Explorer обрабатывать определенный участок кода, причем все остальные браузеры будут считать его комментарием.

Данный хак блок выглядит так
<!--[if IE]>
ВАШ КОД
<![endif]-->

Структура заголовка блока
<!--[if УСЛОВИЕ IE ВЕРСИЯ]>

УСЛОВИЕ может быть таким:

• lt - менее
• lte - менее или равно
• gt - более
• gte - более или равно

ВЕРСИЯ - версия интересующего вас браузера

Например для хака IE только версии 5.5 мы должны написать
<!--[if IE 5.5]>

Для хака всех IE меньше или равных 7
<!--[if lte IE 7]> или <!--[if lt IE 8]>

Рабочий пример:
<!--[if lt IE 8]>
<script>
alert("Ваш браузер не соответствует современным стандартам интернета")
</script>
<![endif]-->

CSS fix

Можно очень сдорово сыграть на том, что IE толком не поддерживает спецификацию CS. По крайней мере в версиях до 7 это работает точно.

А использовать мы будем такую фичу, как !mportant

Фикс выглядит очень просто
div.some-class {
width: 120px !important;
width: 119px;
}

Получается, что для всех нормальных браузеров параметр с  !mportant является более важным, чем последующий, а для IE нет. Таким образом в IE ширина будет 119px, а в других браузерах 120px.

Запись опубликована 08.07.2008 в 12:52 в следующих рубриках: css/html, Кроссбраузер. Вы можете отслеживать обсуждение записи, используя ленту RSS 2.0. Вы можете оставить комментарий, или трекбек с Вашего сайта.