jQuery Slider und IE6 Probleme

Question

Ich habe ein paar Probleme mit unserem alten Freund IE6. The site I'm working on ist für einen öffentlichen Client, also muss es IE6 unterstützen. Der Schieberegler ist in IE7 +, Firefox, Safari und Chrome in Ordnung. Ich habe alles versucht, was mir einfällt, aber ich zeichne ein leeres Blatt! Kannst du helfen?

IE6 auf einem PC. IE6 Screen grab http://citywest.bangtest.co.uk/stackoverflow/ie6.png

Chrome auf einem Mac Chrome on a Mac http://citywest.bangtest.co.uk/stackoverflow/chrome.png

Answer 1

ich einen Fehler auf der Seite mit IE 6, dubugging die Seite mit dem ms Script-Editor zu sehen, führt mich zu dieser Datei:

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

und diese Linie:

$().newsTicker(options); 

Ich kann Ihnen auch sagen, dass mehrere $(document).ready( Zeilen innerhalb der gleichen js-Dokument ist nicht notwendig in dieser Datei. Sie sollten diese Aussagen konsolidieren.

Ie6 bietet keine gute Möglichkeit zum Debuggen, aber da ie6 sagt, Sie haben einen Fehler in dieser Zeile, es ist ein guter Ort, um zu suchen.

Answer 2

Nicht für IE 6 codieren. Es ist ein veralteter Browser und das letzte Betriebssystem, mit dem es ausgeliefert wurde, war Windows XP. Einige der neueren Code funktioniert einfach nicht mit IE6. Wenn Sie es zum Laufen bringen, müssen Sie Hacks erstellen, damit Code richtig angezeigt wird und viele Stunden damit verbringen. Code für IE8 und Firefox3 +, verwenden Sie Javascript, um die Browser-Version zu erkennen und eine Nachricht, um ihren Browser zu aktualisieren.

Answer 3

Ich kann nicht helfen, aber zu dem alten "IE6 hasLayout" Problem zu springen (da dies ein visueller Fehler zu sein scheint). Es könnte sich lohnen, Ihre Elemente zu überprüfen, um sicherzustellen, dass sie "hasLayout" haben - die meisten Rendering-Probleme, die ich für IE6 kennengelernt habe, die "keinen Sinn ergeben", beziehen sich auf diese Eigenschaft.

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

Eine schnelle und schmutzige Art und Weise, um zu sehen, ob das Problem auf "hasLayout" bezieht, ist der Nicht-Standard, IE proprietäre CSS-Eigenschaft hinzufügen "zoom: 1;". Dies wird NICHT validiert, aber es wird "hasLayout" für jedes Element gewähren, auf das es angewendet wird. Setzen Sie es einfach auf alle beteiligten Elemente, und es könnte das Problem beheben ... Dann, bewaffnet mit der schrecklichen Lösung, können Sie herausfinden, wie man es validieren lässt :)