Проблема с полями/отступами/отступами фонового изображения в IE6

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

Во всех браузерах это выглядит следующим образом:

Хорошо

... кроме IE6, где это выглядит так:

Плохо

Я предполагаю, что это проблема полей/отступов, но я не могу определить, какой div вызывает это (он работает во всех браузерах, кроме IE6!).

Сайт незавершенных работ доступен здесь, если кто-нибудь может определить, где появится дополнительное пространство. от.


person Rezzie    schedule 09.09.2010    source источник


Ответы (3)


В IE6 размер шрифта напрямую влияет на блочные элементы. Итак, чтобы исправить это, установите font-size: 0 в DIV #footerTop.

person Bundyo    schedule 09.09.2010
comment
Блин, я был близок с высотой строки. Хорошо сделано. беру на заметку! - person Liggi; 09.09.2010
comment
Любые подсказки относительно того, почему мозаичное фоновое изображение страницы также не отображается в IE6 (или мне следует задать это как отдельный вопрос?) - person Rezzie; 09.09.2010
comment
Похоже на PNG24, который IE6 не поддерживает. - person Bundyo; 09.09.2010

Во-первых, красивый дизайн!

Во-вторых, вы пытались установить высоту строки на 0 в верхнем div? Иногда исправляет проблему для меня.

person Liggi    schedule 09.09.2010
comment
Спасибо! К сожалению, установка высоты строки в 0 не дает никакого эффекта. - person Rezzie; 09.09.2010
comment
Вы также можете попробовать убедиться, что div нижнего колонтитула имеет Layout. Установите для него высоту: 1% или масштаб: 1. Дополнительная информация: satzansatz.de/cssd/onhavinglayout.html - person Liggi; 09.09.2010
comment
Добавление height: 1%; в нижний колонтитул не дало никакого эффекта. - person Rezzie; 09.09.2010

попробуйте удалить все пробелы между тегами. Это случалось со мной раньше в IE 6. Итак, вместо:

<div id="footerTop"></div>

        <div id="footer">

do:

<div id="footerTop"></div><div id="footer">
person Roger Walsh    schedule 09.09.2010
comment
Это то, что я тоже собирался предложить - это классический глюк IE6. - person Spudley; 09.09.2010
comment
тогда не уверен... если бы это был я, я бы просто добавил отрицательное поле в ваш IE6 css - person Roger Walsh; 09.09.2010