Режим совместимости с IE 8 - PullRequest
Новая
       23

Режим совместимости с IE 8

1 голос
/ 10 июля 2011

У меня есть следующая проблема:

Мой css выглядит следующим образом: 

.SPImage img
 {
    margin-top:-15px;
    float:left;
    white-space:normal;
    width:194px;
    height:149px;
 }

Мой HTML-код следующий: 

<DIV id=SPImage class=SPImage>

<DIV style="POSITION: relative; WIDTH: 100%">
<IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="/resources/2710004.jpg">
</DIV>
</DIV>

У меня есть следующие настройкив теге HTML head: 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

моя проблема в том, что когда я использую IE 8, изображение увеличивается до 15 пикселей из-за margin-top:-15px;, при использовании IE 7 и IE8 в совместимости это выглядит просто нормально,Я не могу удалить margin-top:-15px;, потому что в IE 7 это будет выглядеть ужасно.

enter image description here

Как решить эту проблему?

1 Ответ

1 голос
/ 26 августа 2011

Когда я делаю это:

CSS: 

.SPImage img {
    margin-top:-15px;
    float:left;
    white-space:normal;
    width:194px;
    height:149px;
}

HTML: 

<DIV id="SPImage" class="SPImage">
    <IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="img url">
</DIV>

В IE 7, IE 8, IE9, Chrome и FF этовыглядит так же?

...