Есть несколько хаков, доступных для IE
Использование условных комментариев с таблицей стилей
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="only-ie.css" />
<![endif]-->
Использование условных комментариев с заголовком css
<!--[if IE]>
<style type="text/css">
/************ css for all IE browsers ****************/
</style>
<![endif]-->
Использование условных комментариев с элементами HTML
<!--[if IE]> <div class="ie-only"> /*content*/ </div> <![endif]-->
Использование медиа-запроса
IE10+
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
selector { property:value; }
}
IE6,7,9,10
@media screen and (min-width: 640px), screen\9 {
selector { property:value; }
}
IE6,7
@media screen\9 {
selector { property:value; }
}
IE8
@media \0screen {
selector { property:value; }
}
IE6,7,8
@media \0screen\,screen\9 {
selector { property:value; }
}
IE9,10
@media screen and (min-width:0\0){
selector { property:value; }
}
width: auto
блочные элементы так же, как другие браузеры, такие как Firefox или Chrome. В Chrome / Firefoxwidth:auto
будет расширена ширина элемента блока на всю ширину его контейнера. IE не делает этого и требуетwidth: 100%