jQuery слайдер и вопросы IE6

Question

У меня есть несколько проблем с нашим старым другом IE6. The site I'm working on предназначен для клиента государственного сектора, поэтому он должен поддерживать IE6. Ползунок отлично подходит для IE7 +, Firefox, Safari и Chrome. Я пробовал все, что мог придумать, но я рисую пустоту! Вы можете помочь?

IE6 на ПК. IE6 Screen grab http://citywest.bangtest.co.uk/stackoverflow/ie6.png

Chrome на Mac Chrome on a Mac http://citywest.bangtest.co.uk/stackoverflow/chrome.png

Answer 1

Я вижу ошибку на странице с IE 6, dubugging страницу с редактором сценариев мс приводит меня к этому файлу:

http://citywest.bangtest.co.uk/sites/all/themes/citywest/inc/js/jquery.custom.js

и эта линия:

$().newsTicker(options); 

Я также могу сказать, что несколько строк $(document).ready( внутри одного и того же документа js в этом файле не нужны. Вы должны консолидировать эти заявления.

Ie6 не обеспечивает отличный способ отладки, но поскольку ie6 говорит, что у вас есть ошибка на этой линии, это хорошее место для начала поиска.

Answer 2

Не кодируйте IE 6. Это устаревший браузер, а последней операционной системой, с которой он поставляется, была Windows XP. Некоторые из новых кодов просто не работают с IE6. Если вы его заработаете, вам нужно создать хаки, чтобы он правильно отображал код и тратил много часов на это. Код для IE8 и Firefox3 +, используйте javascript для обнаружения версии браузера и сообщения, чтобы обновить их браузер.

Answer 3

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

http://www.satzansatz.de/cssd/onhavinglayout.html

быстрый и грязный способ, чтобы увидеть, если проблема связана с «hasLayout», это добавить нестандартные, IE собственный CSS свойство «масштабирования: 1;». Это НЕ будет проверяться, но оно предоставит «hasLayout» любому элементу, к которому он применяется. Просто поместите его на все элементы, участвующие, и это могло бы решить эту проблему ... Тогда, вооружившись ужасным решением, вы можете выяснить, как сделать это проверить :)

/* in your css */ 
.my_box { 
    zoom: 1; 
}