Различное позиционирование в Firefox, Internet Explorer и Safari? - PullRequest
Новая
       20

Различное позиционирование в Firefox, Internet Explorer и Safari?

1 голос
/ 12 июня 2010

Я считаю, что этот вопрос задавался много раз, и мне удавалось преодолеть эту проблему раньше, чем бы она ни возникала.Сейчас я чувствую себя застрявшим в этом и не могу найти правильного решения, чтобы заставить его работать во всех браузерах: он работает правильно только в Firefox, в то время как в IE и Safari его элементы как-то отделены друг от друга.Вы можете увидеть результат здесь: http://img813.imageshack.us/img813/8393/firefox.png http://img812.imageshack.us/img812/8041/10990669.png

Это код, который я использую: http://pastebin.com/n6KEjazp

Большое спасибо заранее!

1 Ответ

1 голос
/ 12 июня 2010

В дополнение к орфографическим ошибкам (недопустимый CSS) эти другие браузеры по-разному вычисляют высоту ячейки. В IE высота добавляется к отступу.

Изменить это: 

  .top_menu {
      background-image: url(images/header.png);
      background-repeat: no-repeat;
      height: 155px;
      font-family: LilyUPC;
      padding-left: 184px;
      padding-top: 120px;
  }

К этому: 

  .top_menu {
      background-image: url(images/header.png);
      background-repeat: no-repeat;
      font-family: LilyUPC;
      padding: 120px 0 1em 184px;
  }
...