Помогите с проблемами верстки в IE - PullRequest
Новая
       8

Помогите с проблемами верстки в IE

0 голосов
/ 19 января 2010

У меня возникли проблемы с получением этой раскладки для правильной работы в IE (как 6, так и 7). Это, конечно, прекрасно работает в Safari и Firefox.

Что здесь происходит:

  • У меня есть нижний колонтитул, который прикреплен к нижней части области просмотра или к содержимому - в зависимости от того, что длиннее.
  • У меня есть заголовок над содержимым, который содержит несколько центрированных и плавающих элементов блока, который шире, чем область содержимого.
  • У меня есть область содержимого с фиксированной шириной по центру

Проблемы

  • (Основная проблема) В IE7 появляется горизонтальная полоса прокрутки из-за плавающего заголовка.
  • В IE6 нижний колонтитул не привязывается ниже области содержимого.

Любое понимание было бы замечательно. Спасибо.

1 Ответ

1 голос
/ 20 января 2010

Я вижу, что вы позиционируете нижний колонтитул, заставляя макет увеличивать полную высоту, а затем устанавливая отрицательный нижний край для смещения нижнего колонтитула вверх. , , возможно, избавление от отрицательного поля и использование относительного расположения в нижнем колонтитуле для его смещения будет более совместимым с браузерами.

Я на самом деле не пробовал это на твоей странице, это просто мысль.

UPDATE: Оказывается, position: relative не все так здорово. , , она заставляет полосу прокрутки расширяться до места, где был бы нижний колонтитул без изменения положения.

Но попробуйте применить #footer{position: absolute; bottom: 0px; width: 100%} и избавиться от отрицательного нижнего поля макета. , , это работает для меня, по крайней мере, в Firefox, я еще не проверял IE.

...