Сайт не находит таблицу стилей в Safari / IE

Question

Понятия не имею, почему это происходит ... вот как это выглядит в Firefox:

И вот как это выглядит в Safari:

Быстрая проверка с помощью firebug для сафари показывает, что он не собирает никаких таблиц стилей, кроме transmenu.css (для меню - которое даже не используется).Я не могу найти ЛЮБУЮ причину, по которой это может произойти.

Есть идеи?

Сайт: http://tradartsteam.co.uk

Спасибо

Answer 1

@ Томас Клейсон: Уберите лишние </script> на Ln. 35 вашего исходного кода.

Редактировать : это две строки после <script type="text/javascript" src="/_common/js/mootools-1.2-more.js"></script>

Обновление : @Thomas Clayson: Единственный способ, с помощью которого я мог получить отличное отображение страницы, - это закомментировать весь элемент <script> с $.noConflict(); внутри до <script language="javascript" type="text/javascript" src="/js/swfobject.js"></script>. Даже просто $.noConflict(); сам по себе снова ломает страницу. Я еще покопаюсь и обновлю свой ответ снова (если кто-то еще не сможет найти решение до меня).

Супер массовое обновление : @Thomas Clayson: После того, как я немного напрягся, но не смог увидеть / найти проблему, я приступил к тому, чтобы сделать документ совместимым для DOCTYPE, используя W3 Validator ... который в конечном итоге и окончательно привел меня к оскорбительному коду, скрытому глубоко внутри events из $('#calendar').fullCalendar!

<!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:PunctuationKerning /> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPl...

Мало того, что это чепуха, несвободная для MS Word, она была усечена и хорошо ... она сильно испортила ваш сайт некоторыми неожиданными (по крайней мере, мной) способами. Ах, хотя ваш комментарий ниже, указывающий на то, что я должен был чувствовать в своих костях, когда мне приходилось слишком часто сталкиваться с этой проблемой, прежде чем я немного опоздал, ваш вопрос в конечном итоге дал мне ценный опыт, поэтому +1 за это. ; -)

Answer 2

Веб-инспектор Safaris показывает ошибки.Не обращайте внимания на значок, но я полагаю, что это может быть как-то связано с этим.

На самом деле, просто присмотревшись более внимательно к вашему исходному коду, я обнаружил множество несоответствующих открывающих и закрывающих теговособенно в сокращенных текстовых строках в вашем jQuery javascript (те, которые заканчиваются на "...") - что бы вы ни делали, чтобы разобрать эти, даже разрезали некоторые теги пополам.

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

Answer 3

Ссылка на таблицу стилей перед вашими скриптами (еще лучше - поместите ваши скрипты внизу страницы.)

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