Высота в IE отображает разницу в Firefox - PullRequest
Новая
       31

Высота в IE отображает разницу в Firefox

2 голосов
/ 05 мая 2010

У меня проблема с отображением установленной высоты в ie.

В моем CSS я установил высоту для моей боковой панели div как 2150px; который он отображает отлично в Firefox, но не отображает полную высоту в т. е.

Как я могу получить то есть, чтобы отобразить установленную мной высоту, т.е.

Заранее спасибо

Исходный код ниже 

#sidebar_newspr{
width:160px;
min-height:2150px; 
margin-top:1px; margin-right:2px;
border-right-style:solid; border-right-color:#900; border-right-width:1px;
float:left;
}
 #sidebar_newspr a{
 text-decoration:none;
 color:#FFF;
 font-size:12px; font-family:Verdana,Arial,Helvetica,sans-serif;
 }
 #sidebar_newspr a:hover{
 color:#900;
 }

Ответы [ 3 ]

2 голосов
/ 05 мая 2010

Это немного в темноте, потому что вы не указали, в каких версиях IE вы его тестируете. Тем не менее, min-height требует, чтобы IE7 и IE8 работали в стандартном режиме. Чтобы включить режим стандартов, вам нужно использовать строгий !DOCTYPE.

С документация :

В Internet Explorer 7 атрибуты min-height / max-height применяются к плавающему и абсолютно позиционированному блоку, элементам inline-block и некоторым встроенным элементам управления. Они не применяются к незаменяемым встроенным элементам, таким как столбцы таблицы и группы строк / столбцов. («Замененный» элемент имеет внутренние размеры, такие как img или textArea.)

В Internet Explorer 7 это свойство включено только в строгом режиме! DOCTYPE.

min-height в IE6 применяется только к элементам th, td и tr.

0 голосов
/ 05 мая 2010

Некоторым версиям IE не нравится min-height, я стараюсь избегать этого, если это возможно.

В качестве быстрого решения, которое не утяжеляет вашу страницу, как стиль только для IE, просто укажите height:2150px; min-height:2150px; Браузеры, поддерживающие min-height, примут это, а те, которые не поддерживают его, просто проигнорируют его. *

0 голосов
/ 05 мая 2010

Попробуйте использовать условные комментарии: 

<!--[if lt IE 9]> //will target IE less than version 9
        <link href="/directroy/IE.css" rel="Stylesheet" type="text/css"/>
<![endif]-->

Для вашего тега head и используйте эту новую таблицу стилей, чтобы определить, что вы хотите, чтобы IE делал. 

#sidebar_newspr{
width:160px;
height:2150px; /*change to just height*/
margin-top:1px; margin-right:2px;
border-right-style:solid; border-right-color:#900; border-right-width:1px;
float:left;
}

Вы также можете использовать более одного условного комментария для таргетинга на разные версии IE.

Вот так: 

<!--[if IE 8]> //will target only IE 8
        <link href="/directroy/IE.css" rel="Stylesheet" type="text/css"/>
<![endif]-->

Затем попробуйте установить строгий тип документа: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Может сработать, если нет, то я уверен, что у кого-то еще есть другая идея:)

...