Мой сайт не загружается должным образом в FireFox

Question

Мой сайт отлично работает в IE и Chrome, хотя в Firefox он испорчен ...

Когда я включаю Firebug и нажимаю на HTML, он внезапно становится доступным для просмотра. Как это должно быть?

http://graves -incorporated.com / test_sites / solera_new / index.html

Answer 1

Эта CSS решит ваши проблемы с Firefox и Chrome, но я не уверен, что ваш сайт будет работать во всех других браузерах, возникнут проблемы, когда вы по-прежнему будете использовать таблицу для разработки своего меню, и примените CSS "possition: absolute" для тд тега. Давайте попробуем удалить все и использовать теги списка.

td.imageholder {
    position: absolute;
    width: 120px;
    height:120px;
}

Answer 2

Это не HTML5 и используется XHTML1.1 DTD. Если вы хотите статически позиционировать элемент, вы должны сделать это вне таблицы и внутри div. Если вы хотите создать больше стандартов, преобразуйте все в макет DIV (без таблиц). Это вылечит это без необходимости пытаться изменить все. Предупреждение: даже если вы следите за ответом @pacificvn, он может не работать в некоторых старых браузерах, таких как IE 7/8, которые все еще используют около 60% интернет-пользователей. И вы используете Chrome Tab для IE, который является аддоном, который устанавливают не все.

При проверке вашего кода на наличие W3C Validaty он показывает, что ваш элемент тега для держателя изображения неправильно упакован в таблицу. http://validator.w3.org/unicorn/check?ucn_uri=graves-incorporated.com%2Ftest_sites%2Fsolera_new%2Findex.html&ucn_task=conformance#

Я бы посоветовал вам взглянуть на эту ссылку по дизайну таблиц: http://www.w3.org/2002/03/csslayout-howto (не самый лучший, но это только начало - дизайн таблицы поиска Google Search)

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

Примечание: использование IE основано на аналитике около 30 сайтов, которые я в настоящее время создал или поддерживаю.

Answer 3

Единственное, что я вижу, это то, что шрифт пытается загрузиться и дает сбой, и у вас есть функция, которая вызывается из Javascript (P7_initHGM), которая вызывает ошибку, которая может вызывать задержку при рендеринге сайт. Кроме того, я поместил бы весь javascript внизу страницы и посмотрел, не делает ли это рендеринг другим.

Answer 4

Я не могу быть уверен, так как я ограничен в тестировании, которое я могу сделать, но ошибка, которую вы получаете в Firefox:

P7_initHGM is not defined

Я посмотрел на тэг головы и похоже, что скрипт p7pmm/p7PMMscripts.js вызывается дважды. Может быть, если вы избавитесь от одного, который поможет исправить это.