Аргх! Последняя минутная ошибка браузера / CSS в Firefox - кто-нибудь может помочь?

#html #css #firefox #cross-browser #quirks-mode

#HTML #css #firefox #кроссбраузерный #причуды-режим

Вопрос:

Итак, я начал настраивать html / css этой страницы. Насколько я вижу, ничего особенного.

Теперь это выглядит совершенно неправильно в Firefox (смотрите сами) и отлично в любом другом браузере, о котором я могу думать. HTML-код был проверен с помощью инструмента W3. Я озадачен, кто-нибудь когда-нибудь сталкивался с этим раньше?

1. Вам нужно очистить всплывающие окна в вашем меню.

2. ОБНОВЛЕНИЕ: Спасибо всем за ваши быстрые и абсолютно правильные ответы. Я бы не получил этого и за миллион лет ;-). Я отметил вас всех 1 и принял ответ, представленный человеком с наименьшей репутацией. CSS — непостоянная хозяйка.

Ответ №1:

Вам просто нужно очистить поплавки. Попробуйте добавить это в свою таблицу стилей:

 table.layouttbl
{
    clear: both;
}

Это тоже может помочь.

Ответ №2:

Попробуйте очистить поле с плавающей точкой, которое вы разместили в своем меню.

 <table cellspacing="0 " cellpadding="0" class="layouttbl" style="clear: left;">

Вы можете поместить его в фактическое правило стиля или добавить другой элемент и вместо этого прикрепить к нему надпись clear.

Ответ №3:

Добавить overflow: hidden в .page класс в Site.css (line 108)
Добавьте новое свойство: .layouttbl {float: left}

Это устраняет ваши проблемы в Firefox. Обязательно проверьте сайт и в других браузерах.

Ответ №4:

Вашему div меню не нужно использовать float, удалите из него float #divMenu . Будьте осторожны, так как вы определяете #divMenu в 2 разных местах