Firefox Bug: нижний колонтитул оборачивается вокруг основного контента

Question

Здравствуйте, у меня есть ошибка, которая преследует меня последние несколько дней.

у нас есть этот редизайн, над которым мы работаем для www.petpoint.com -

http://test.petpoint.com/redesign/index.asp

При просмотре в любом другом браузере нижний колонтитул выглядит нормально (даже в IE7, 8)

При просмотре в Firefox нижний колонтитул становится действительно запутанным.

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

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

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

Answer 1

Похоже, вы забыли закрыть пару тегов. Подтвердите вашу разметку

Я бы также предложил вам использовать <strong></strong> вместо <b></b> Еще одна вещь, которую я заметил, не заключайте в свой .li <b></b> - попробуйте применить свойство font-weight:bold к своему списку. Его чище и стандартнее.

Answer 2

вы пропустили <, оставив незамеченным </b> в этой строке:

<b>24PetWatch microchips sold for companion animal usage/b>

Я думаю, что это усугубляется ... трудно отлаживать, потому что с этого момента FireBug показывает, что FF вставляет <b></b> элементы / теги DOM в странные места - иногда оборачивая ваши существующие элементы, иногда, не для остальной части источник, который впоследствии нарушает нижний колонтитул.

Я вижу, что эти <b> элементы на самом деле не находятся в вашем исходном коде, поэтому возможно, что эта ошибка является причиной, если не дать крик

, даже если теги HTML5 не будут проверяться, хорошая проверка для других неправильно вложенных элементов - это HTML Validator , хотя я никогда не видел, чтобы FF делал что-то столь серьезное с незамкнутыми встроенными элементами!

Answer 3

Похоже, у вас есть какой-то код между тегами, а содержимое в первом столбце не записывается внутри тегов.Похоже, что это относится ко всем столбцам.Выглядит так, как будто вы пытаетесь добавить некоторые стили CSS moz, которые вставляются и портят код.В Chrome теги заголовка в нижнем колонтитуле не имеют тегов внутри, но в FF они есть.

Надеюсь, это поможет.Держите нас в курсе всего, что вы найдете.