Почему этот сайт имеет поле над заголовком, когда я открываю его в IE7?

Question

Все хорошо в Firefox, Chrome и IE8.

Это сайт: http://ada.kiexpro.com/html/index.html

Заранее спасибо!

Answer 1

Это для div с идентификатором formfloat. Стиль этого дива float:right;height:60px. Поэтому он ставит 60px выше header div.

Причина: Теперь есть разница, как IE 7 обрабатывает float. Итак, допустим, у вас есть div (для которого не указана высота), который не содержит никаких элементов, кроме кнопки отправки. Теперь присвойте кнопке стиль float left или right. Итак, что будет с родительским div? Родительский div увеличит свою высоту, чтобы разместить кнопку. Но в Mozilla высота родительского div будет равна нулю. Он просто проигнорирует кнопку с плавающей точкой и не освободит место для этого.

Итак, чтобы решить, почему вы не поместите div#formfloat в div#header.

Answer 2

Я бы поместил элемент formfloat в div заголовка и разместил его абсолютно.

Другим вариантом, не меняющим слишком много, было бы поместить divfloat div внутри вашего заголовка после div меню и настроить свойство top.