#jquery #html #css #firefox
#jquery #HTML #css #firefox
Вопрос:
Здравствуйте, у меня ошибка, которая преследует меня последние несколько дней.
у нас есть редизайн, над которым мы работаем для www.petpoint.com —
http://test.petpoint.com/redesign/index.asp
При просмотре в любом другом браузере нижний колонтитул выглядит нормально (даже в IE7, 8)
При просмотре в Firefox нижний колонтитул становится действительно запутанным.
Я не могу разобраться с этой ошибкой, я пытался посмотреть, есть ли что-то в CSS, но ничто из того, что я пробовал, не заставило этот нижний колонтитул сдвинуться с места.
Мне бы пригодилась любая помощь, которую вы можете оказать. Не уверен, сможете ли вы перейти по ссылке, чтобы я мог предоставить образцы кода по запросу.
Заранее благодарю вас.
Комментарии:
1. Выглядит одинаково во всех браузерах. Изображение было бы полезно.
2. Да, с моей стороны выглядит нормально, возможно, вы увеличили масштаб в Firefox. Изображение было бы полезно
3. поскольку у меня нет 10 баллов, я не могу публиковать изображения. У меня версия Firefox 3.6.17, она была подтверждена на другом компьютере с Firefox.
4. Смотрите мой ответ ниже — также измените свой тип документа на этот — <!DOCTYPE html>, поскольку вы используете HTML5
Ответ №1:
вы пропустили, < оставив незакрытым </b> в этой строке:
<b>24PetWatch microchips sold for companion animal usage/b>
Я думаю, что это усугубляет ситуацию .. это сложно отлаживать, потому что с этого момента FireBug показывает, что FF вставляет <b></b> элементы / теги DOM в странные места — иногда перенос ваших существующих элементов, иногда не для остальной части исходного кода, что впоследствии нарушает работу нижнего колонтитула.
Я вижу, что этих <b> элементов на самом деле нет в вашем исходном коде, так что, возможно, причина в этой ошибке, если не крикнуть в ответ
даже если теги HTML5 не будут проверяться, хорошей проверкой для других ошибочно вложенных элементов является средство проверки HTML, хотя я никогда не видел, чтобы FF делал что-то настолько серьезное с незакрытыми встроенными элементами!
Ответ №2:
Похоже, вы забыли закрыть пару тегов. Проверьте свою разметку
Я бы также посоветовал вам использовать <strong></strong> вместо <b></b> другой вещи, которую я заметил, не обертывайте .li с помощью <b></b> try, чтобы применить font-weight:bold свойство к вашему списку. Это более чистый и стандартный.
Комментарии:
1. вздох, проблема заключалась в незакрытом теге <b> / <strong> . FML Я потратил часы, просматривая CSS и jquery. Большое спасибо, ребята. Я рад, что это исправлено.
2. Нет проблем. Было бы неплохо получить ответ, хотя. 🙂
Ответ №3:
Похоже, что у вас перепутан какой-то код между тегами, и содержимое в первом столбце не записывается в теги. Похоже, это относится ко всем столбцам. Также похоже, что вы, возможно, пытаетесь добавить некоторые вставляемые CSS moz стили и портите код. В Chrome теги заголовка в нижнем колонтитуле не содержат тегов внутри себя, но в FF они есть.
Надеюсь, это поможет. Держите нас в курсе всего, что еще найдете.