Маржинальные проблемы в CSS IE против Firefox - PullRequest
Новая
       22

Маржинальные проблемы в CSS IE против Firefox

0 голосов
/ 02 октября 2011

Я пытаюсь сделать баннер в HTML / CSS. Однако у меня возникли проблемы с полями в одном из моих дивов. Он отлично работает в Firefox, но не в IE. 

#lowerText{
       float: left;
       margin-top: 50px; 
       margin-left: -185px;
       color: rgb(255, 199, 142); 
       font-family: 'Special Elite', cursive; 
       font-size: 15px; 
       text-transform: uppercase;
       display:inline;
}

#upperText{
      float: left;
      margin-left: 20px; 
      margin-top: -10px; 
      color: rgb(255, 199, 142); 
      font-family: 'Special Elite', cursive; 
      font-size: 30px; 
      text-transform: uppercase;
      display:inline;
}

Это h3 тег в #lowerText, который говорит "-Foo foo foo bar". В IE он показывает только: «oo bar». Текст в этом div должен быть прямо под #upperText в конкретной позиции. Но margin-left: 185px в #lowerText не отображается в IE, а в Firefox.

Что мне нужно сделать, чтобы это исправить?

1 Ответ

0 голосов
/ 02 октября 2011

В своем комментарии вы заявляете, что ваш jsfiddle работает в IE.jsfiddle автоматически вставляет тип документа, который, как я полагаю, сейчас у вас отсутствует на исходной странице.Если это так, то IE находится в режиме причуд без указания типа документа и причины вашей проблемы (кроме того, что IE является худшим браузером на планете).jsfiddle показывает тип документа.Вы положили это там?

...