Internet Explorer 7 css / html ошибка с плавающей точкой

Question

Проблема в нижнем колонтитуле на веб-странице, которая, кажется, не следует правильному потоку, как в FireFox. Проблема в том, что это ошибка, связанная с Internet Explorer, потому что макет «волшебным образом» встанет на место, когда я наведу курсор мыши на ссылку «Legg til i handlelisten». На страницах, где часть «описания» страницы длиннее левого столбца, нижний колонтитул отображается правильно. Насколько я могу судить, ошибка активна только в IE8, когда она работает в «режиме совместимости IE8» или «режиме IE7». Я не могу воссоздать ошибку при работе IE6.

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

Эти два изображения показывают ошибку и как она должна выглядеть:

http://tinyurl.com/layout-error

http://tinyurl.com/layout-fixed

Ссылка на указанную страницу находится здесь: http://tinyurl.com/yb9h34d

Редактировать: Очистить: оба; похоже, ничего не делает для решения проблемы.

Answer 1

Почему в нижнем колонтитуле DIV # нет дисплея?

В любом случае, если вы плаваете: слева на .footerWithRightAndLeft, вы должны быть в порядке.

Вы можете проверить вещи в IE, если вы нажмете F12, если вы не знали. Это не так хорошо, как firebug, но это что-то.

Answer 2

Что в точности происходит, так это то, что левый столбец укорачивается на строку при наведении курсора на первую ссылку в блоке leggtilihandleliste, и он снова увеличивается на строку при наведении курсора на вторую ссылку. Это касается только левого столбца div, но не ссылки, списка, содержащего ссылки, или div, содержащего список.

Я не знаю точно, почему это происходит, но если вы укажете высоту для div, содержащего ссылки, это прекратится (хотя размер изменяет не тот div).

Answer 3

Да ... это похоже на проблему с плавающей точкой.

Попробуйте добавить эту строку в ваш HTML, прямо перед нижним колонтитулом:

<div style="clear: both;"></div>

Я думаю, что ожидает предмет, который очищает поплавки.

Answer 4

В старых браузерах свойство float в CSS удаляет высоту из элемента. Поэтому элемент, который плавает влево или вправо и который обычно имеет высоту, скажем, 100px, теперь будет иметь высоту 0px, и любой контент, находящийся ниже, будет перемещаться вверх, чтобы заполнить то пространство, где должен находиться контент. Большинство браузеров уже исправили эту ошибку, но она по-прежнему появляется даже в современных браузерах. Существует очень простое исправление, которое вы можете добавить в свой контейнер нижнего колонтитула в CSS:

clear: both;

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

Подробнее о свободном владении: http://www.w3schools.com/Css/pr_class_clear.asp

Answer 5

Попробуйте добавить контейнер div.container или удалить его, так как он бесполезен и имеет легкий случай divitis .