Ошибки Internet Explorer 7 - неправильное отображение ИЛИ неработающие ссылки

Question

Я недавно запустил веб-сайт, который разрабатывал в прошлом году - http://Live.heritageartpapers.com/. Мой папа, которому принадлежит компания, сегодня позвонил и сказал, что он не отображается должным образом в IE7.

Ошибка # 1: верхний и нижний колонтитулы находятся в div, а содержимое - в таблице между двумя div. По сообщениям, содержимое (таблица) иногда (не всегда, согласно IETester) отображается под нижним колонтитулом, но нижний колонтитул все еще отображает, где он должен (т.е. существует огромный разрыв, в который должно помещаться содержимое).

Ошибка № 2: Когда содержимое отображается в нужном месте, все ссылки на странице не работают - нажмите на них, и ничего не происходит. Как вы можете видеть, просматривая его в Firefox (я использую версию 3.6), ссылки в левом меню становятся оранжевыми при наведении курсора мыши. Однако они даже не делают этого в IE7. Обратите внимание, что они становятся оранжевыми и работают, если содержимое отображается под нижним колонтитулом.

Я не могу понять, почему это происходит - согласно IETester, в интерпретируемом исходном коде IE7 все теги пишутся с заглавной буквы, и многие цитаты удалены (например, для атрибута id для большинства, если не для всех тегов), но я сомневаюсь, что это может привести к вышеперечисленные ошибки, не так ли?

У меня вопрос: видел ли кто-нибудь из этих проблем раньше и / или имеет ли решение какой-либо из этих проблем?

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

Большое спасибо заранее.

С уважением,

Ричард Кларк

Answer 1

Хорошо потратив немало времени на эту ночь, я решил взглянуть на таблицу стилей, специфичную для IE, на том основании, что проблема была специфична для IE.

Я помню, как некоторое время назад, пытаясь заставить работать мышь над увеличенными изображениями, я обнаружил, что увеличенные изображения появляются только до следующего ряда (на странице каталога - загляните на сайт, и вы сможете чтобы понять, что я имею в виду). В то время у меня была разметка div, так как я работал в совете год назад, и они научили меня использовать div вместо таблиц, где это возможно, и избегать таблиц для разметки на том основании, что некоторые клиенты могут иметь браузеры, которые не поддерживают таблицы Я обнаружил, что исправление (чтобы увеличение изображения отображалось полностью по всем строкам) состояло в том, чтобы установить z-index каждой строки на -1. Поскольку это была только проблема IE, я поместил ее в таблицу стилей IE.

Так или иначе, я удалил z-index: -1 из таблицы стилей, и BAM все ссылки на всей странице начали работать !!

Насколько я знаю, это происходит только в IE7, но не в IE8. Я не уверен ни в каких других IE или Firefox.

Надеюсь, это поможет любому, у кого такая же проблема.

С уважением,

Richard