как дать две высоты для DIV (одна для IE и вторая для других браузеров)

Question

В файле CSS есть способ задать конкретную высоту для DIV, которая применяется только к Internet Explorer ТОЛЬКО, и в то же время дать этому же DIV другую высоту, которая применяется ко всем браузерам, кроме Internet Explorer?

Answer 1

Вы можете создать IE-специфическую таблицу стилей и использовать условные операторы IE.

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->

Таким образом, у вас в основном есть две таблицы стилей;один для IE и другой для остальных браузеров, совместимых со стандартом.

Хаки могли бы использоваться, например:

_height:500px;
*height:500px;

Но это не рекомендуется.

См. Также:

• Как создать таблицу стилей только для IE

Answer 2

Я использовал следующее, и это работало в IE8. Поместите следующий код в тег.

Онлайн-версию можно посмотреть здесь, http://nazmulweb.com/site5/demo/iecss/

    <style type="text/css">
    #tgtDiv
    {
        height: 300px;
        width: 400px;
        border: 1px solid green;
    }
    </style>

     <!--[if IE]> 
         <style type="text/css">

     #tgtDiv
    {
        height: 300px;
        width: 400px;
        border: 5px solid red;
    }
    </style>
    <![endif]-->

Answer 3

попробуйте

<style>
    #mydiv { height:800px; }
</style>
<!--[if IE]>
<style>
    #mydiv { height:500px; }
</style>
<![endif]-->

Answer 4

Создайте 2 файла CSS, один для IE и один для других браузеров

Загрузите файл CSS в соответствии с браузером, как описано здесь