Интервалы испорчены в IE (проблема html / css)

Question

извините за это, я обычно в порядке с HTML / CSS, но я застрял на этом.

По сути, у меня есть заголовок с навигацией под ним, а затем небольшое пространство, за которым следует область для содержимого сайта.Он отлично работает в Firefox, но, к сожалению, в IE это маленькое пространство становится довольно большим.Понижение значения margin-top в классе indexbody устраняет проблему для IE, но устраняет любой пробел в Firefox.

Мой код здесь.Я могу предоставить больше, если это необходимо:)

Спасибо заранее!:)

* код отредактирован: см. http://jsfiddle.net/eoJ1/PRjF7/ или http://www.joemarketeer.com/stackoverflow/index.html:)

Еще раз спасибо!Извините за стену текста.

Answer 1

Это потому, что IE регистрирует высоту на вашем "навигационном" div, а также вы используете margin-top: 90px, чтобы добавить интервал. в то время как другие браузеры игнорируют высоту «навигации» и в основном просто используют поле margin-top: 90px, которое есть в вашей области контента.

Используйте прозрачное исправление для этого навигационного элемента с плавающей точкой, а затем используйте «margin-bottom: 30px» в навигации вместо «margin-top:» в области содержимого.