Более неактуальную статью сложно себе представить в 2020 🙂 . Учитывая что сейчас у нас есть Edge. Как раньше боролись с “великим и ужасным”?
Как вы знаете есть определенные правила для разных браузеров. Данный фикс поможет подключить стили для всех версий IE:
<!- -[if IE]> <link rel=»stylesheet» type=»text/css» href=»ie.css» /> <![endif]- ->
Задаем стили для всех браузеров кроме ИЕ:
<!- -[if !IE]> <link rel=»stylesheet» type=»text/css» href=»ne-dlya-ie.css» /> <![endif]- ->
Всё верно – эта конструкция задается в head, и по сути это традиционный if \ else в программировании.
Как задать стиль для версии Internet Explorer меньше либо равно:
<!- -[if lte IE 7]> <link rel=»stylesheet» type=»text/css» href=»ie5.css» /> <![endif]- ->
Это мы записали стили для версии меньше либо равной текущей. Если необходимо строго меньше, меняйте на lt.
Можно ли в этих блоках писать что-то кроме подключения стилей – Да! Вы можете писать теги style и даже script:
<!- -[if lte IE 7]> <link rel="stylesheet" type="text/css" href="<?=SITE_TEMPLATE_PATH?>/iestyle.css" /> <script>...</script> <style> ... </style> <![endif]- ->
Вот такой вот получился кабмек из прошлого 🙂 И хотя мучения с вёрсткой и браузером от Microsoft уже давно позади, верстальщикам из того времени до сих пор снятся страшные сны про выравнивание для эксплорера 🙂