Дополнительная высота, созданная в Firefox для моего веб-сайта

#html #css #firefox

#HTML #css — файл #firefox #css

Вопрос:

Firefox генерирует дополнительные 250 пикселей в конце моего веб-сайта под нижним колонтитулом, я еще не нашел причину, по которой это происходит.

PS. Он отлично работает в других браузерах, проблема только в firefox.

Сайт, над которым я работаю, является http://www.ryansammut.com/orijen /

Ответ №1:

Проверьте свой код с помощью средства проверки W3C.

У вас множество ошибок — как только вы исправите их, вы, вероятно, обнаружите, что ваш сайт работает должным образом. Если нет, то крикните еще раз, и мы рассмотрим это подробнее.

—- Редактировать —-

Проблема заключалась в том, что вы использовали position: absolute с отрицательным полем -220px в одной из ваших строк. Поскольку это было вложено в несколько разделов, я думаю, это сбило браузер с толку.

Вы можете использовать следующее, чтобы устранить проблему:

Добавить

 float: left;

к разделам #line1 и #line 2. И не забудьте очистить свои разделы после, используя

 clear: both;

Вам также придется изменить верхнюю позицию вашей строки.

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

1. Да, я исправлю их, однако большинство ошибок генерируются из-за сценария ролловера Dreamweaver

2. @У меня болит голова — я исправил соответствующие ошибки, другие ошибки генерируются dreamweaver или другими скриптами. Я все еще не исправил проблему с нижним колонтитулом, и css действителен.

3. @Ryan Sammut — Наиболее беспокоящая ошибка, которую я вижу (которая не связана со сценарием), -> «Строка 315, столбец 7: конечный тег для «body» опущен, но ОПУЩЕННЫЙ тег NO не был указан». Какую IDE вы используете для написания своего кода? — хороший вариант поможет вам обнаружить ошибки вложенности.

4. @У меня болит голова — я использую dreamweaver, и это на самом деле не упущено, это потому, что я использую <body onload =»….»> для импорта изображений для повторной загрузки при загрузке.

5. @Ryan Summit — В таком случае проблема в вашем нижнем колонтитуле. Я исправил свой ответ исправлением.

Ответ №2:

Похоже, у вас есть блок стиля, который встречается внутри тела вашего кода. Это может привести к тому, что Firefox неправильно закроет тело. У вас есть еще куча ошибок проверки, которые вы, возможно, захотите устранить.

http://validator.w3.org/check?uri=http://www.ryansammut.com/orijen/amp;charset=(detect automatically)amp;doctype=Inlineamp;group=0

Обновить:

Похоже, что вашим элементам списка #line1 и #line2 в #footerItems необходимо присвоить позицию: absolute. Вам придется настроить расположение этих элементов, но это должно устранить проблему в firefox.