IE7 CSS проблема с полем

Question

У меня небольшая проблема с CSS, но я не могу ее исправить, потому что у меня нет компьютера, на котором установлен IE7 ...

В IE8, Chrome, FF и т. Д. Я вижу это (правильно):

но IE7 дает мне это:

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

<div id="hub">
    <div class="title highlight">Faster, Cheaper, Better</div>
    <p>PNMS...

соответствующий код CSS следует:

#hub {} /* literally nothing */

#hub div.title {
    font-size: 4em;
    font-style: italic;
    font-variant: small-caps;
    float: left;
    margin: 5px 0px 20px 0px;
    width: 940px; /* same as parent container */
}

.highlight { color: #ff6633;}

p {
    text-indent: 30px;
    font-size: 1.3em;
    line-height: 1.1em;
    letter-spacing: 1px;
    margin: 5px;
}

Исходя из трафика посетителей, мне нужно, чтобы мой сайт был совместим с IE7 (к счастью, НЕ с IE6). Но опять же, гадать вслепую и затем запускать browsershots.org не очень эффективный способ.

Может кто-нибудь помочь? Спасибо.

Answer 1

Где-то это может найти, это может помочь:

CSS Двойные отступы IE7 Fix

"Нет ничего более раздражающего, чем закончить веб-дизайн, если он будет отображаться так, как вам нравится в вашемсовместимый со стандартами браузер ( кашель скачать Firefox) только для того, чтобы не забыть проверить его в IE и найти в нем искаженный беспорядок. Сегодня я столкнулся с довольно раздражающей ошибкой CSS в IE7. IE7 удваивает верхний отступ в моем меню навигации. "

CSS Code
#nav {
clear: left;
padding: 16px 0 0 30px;
 }

" И исправление ...

Просто добавьте display: inline-block в div с двойным заполнением. Вот и все ... Я знаю, это смешно. "

  #nav {
  clear: left;
  display: inline-block;
  padding: 16px 0 0 30px;
  }

---

Другой альтернативой является родительский элемент Div, который не отображается правильно, добавьте для него поле: 0 в CSS.

Answer 2

Нашел это. Тэг тела CSS имел line-height: 18px;

По какой-то причине, известной только Microsoft, из IE7, IE8, IE9, Firefox 3.5 ~ 6 и Chrome, только IE7 соблюдает эту инструкцию для глубоко вложенных div 400 строк дальше по Лист CSS.