Problem mit CSS-Slider in IE 6
Christoph
- css
Hallo zusammmen,
ich komme einfach momentan nicht weiter und daher dieser Eintrag: Ich habe per CSS einen Slider programmiert, mit dem der User durch auswählen von Sternen einen Artikel bewerten kann. Im Internet Explorer 7.0 und auch im Firefox läuft der Slider genau so wie ich ihn haben möchte.
Im Internet Explorer 6.0 jedoch geht der Slider einfach nicht. Die Funktion mit den Sternen klappt zwar, aber nicht die Anzeige des Textes.
Nun meine Frage: Woran liegt das und wie kann ich den Slider auch im IE 6.0 zum laufen bringen und zwar genau so wie im Firefox und im IE 7?
Danke für die Hilfe und Vorschläge,
Christoph
=== Inhalt der CSS-Datei ===
.productvote a {
height: 15px;
}
.productvote a:hover {
background-image: url(../images/votestars/complete.gif);
}
.productvote a span {
display: none;
}
.productvote a:hover span {
display: inline;
position: absolute;
margin-top: 20px;
margin-left: 0px;
font-size: 11px;
color: #FF6600;
background-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
===========================
=== Ausgabe des Sliders im PHP-Dokument ===
<div class="productvote" style="position: relative; background-image: url(images/votestars/nothing.gif); width:100px; height:15px;">
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 100px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Sehr gut</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 80px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Gut</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 60px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Befriedigend</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 40px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Ausreichend</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 20px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Mangelhaft</span></a>
</div>
===========================
Hi,
Im Internet Explorer 6.0 jedoch geht der Slider einfach nicht. Die Funktion mit den Sternen klappt zwar, aber nicht die Anzeige des Textes.
"geht nicht" geht nicht, "klappt nicht" klappt nicht. Fehlerbeschreibung, bitte.
Cheatah
Hi,
Im Internet Explorer 6.0 jedoch geht der Slider einfach nicht. Die Funktion mit den Sternen klappt zwar, aber nicht die Anzeige des Textes.
"geht nicht" geht nicht, "klappt nicht" klappt nicht. Fehlerbeschreibung, bitte.
Cheatah
Na das ist doch die Fehlerbeschreibung... Also mir werden im IE 6 die Sterngrafik angezeigt und auch der RollOver der Sterne geht. Nur der Text, also "Sehr gut", "Befriedigend" u.s.w. wird im IE 6 einfach nicht an der Stelle angezeigt wie beim IE 7 und beim Firefox.
Siehe: http://www.hiphop-pott.de/slider.html
Hoffe nun ist mein Problem verständlicher!?
Gruß
Christoph
Hi,
"geht nicht" geht nicht, "klappt nicht" klappt nicht. Fehlerbeschreibung, bitte.
Na das ist doch die Fehlerbeschreibung...
nein, das ist sie nicht. Zu einer Fehlerbeschreibung gehören auch mindestens Dein Vorgehen bei der Fehleranalyse sowie dessen Ergebnisse.
Siehe: http://www.hiphop-pott.de/slider.html
Der Code ist invalide, IE 6 spuckt JavaScript-Fehler aus. Firefox übrigens auch, sobald man auf eines der Sternchen klickt. Behebe bitte erst einmal Deine grundlegenden Probleme, bevor Du Dich um spezifische Symptome kümmerst.
Cheatah
Hi,
"geht nicht" geht nicht, "klappt nicht" klappt nicht. Fehlerbeschreibung, bitte.
Na das ist doch die Fehlerbeschreibung...nein, das ist sie nicht. Zu einer Fehlerbeschreibung gehören auch mindestens Dein Vorgehen bei der Fehleranalyse sowie dessen Ergebnisse.
Siehe: http://www.hiphop-pott.de/slider.html
Der Code ist invalide, IE 6 spuckt JavaScript-Fehler aus. Firefox übrigens auch, sobald man auf eines der Sternchen klickt. Behebe bitte erst einmal Deine grundlegenden Probleme, bevor Du Dich um spezifische Symptome kümmerst.
Cheatah
Der gibt den JavaScript-Fehler aus, da er natürlich die Variablen in der HTML-Datei nicht erkennt, die er in dem URL-String für das PopUp in der PHP-Datei erkennt. Es ist also kein grundlegender JavaScript-Fehler, sondern lediglich im Beispiel der HTML-Datei.
Der JavaScript-Fehler hat auch keinerlei Auswirkungen auf die eigentliche Funktion des Sliders. Eingebaut findest du den Slider unter: http://www.urbanshopping.eu/product.php?topcat=6&catid=1&productid=25 und dort ist wie gesagt kein JavaScript-Fehler.
Meine eigene Fehleranalyse hat zu keinem Ergebniss geführt, da ich ansonsten diesen Thread hier nicht eröffnet hätte. Wie gesagt: Der Slider läuft in allen Browsern perfekt, außer im IE 6.
Gruß
Christoph
Hallo,
hat denn niemand mehr hier eine Idee woran das liegen könnte? Habe doch nun alles detailliert beschrieben und bin leider in dieser Hinsicht immer noch nicht weitergekommen.
Bin über Hilfe und Tipps sehr dankbar.
Gruß
Christoph
hat denn niemand mehr hier eine Idee woran das liegen könnte? Habe doch nun alles detailliert beschrieben und bin leider in dieser Hinsicht immer noch nicht weitergekommen.
Ich kann auf der von dir zuletzt angegebenen Seite keinen Slider entdecken. Weder finde ich einen Code im Quelltext noch passiert irgendwas im FF 2.0
Insofern ist Hilfe nicht möglich.
Struppi.
hat denn niemand mehr hier eine Idee woran das liegen könnte? Habe doch nun alles detailliert beschrieben und bin leider in dieser Hinsicht immer noch nicht weitergekommen.
Ich kann auf der von dir zuletzt angegebenen Seite keinen Slider entdecken. Weder finde ich einen Code im Quelltext noch passiert irgendwas im FF 2.0
Insofern ist Hilfe nicht möglich.
Struppi.
Auf welcher Seite? Auf der Urbanshopping.eu? Dort ist der Slider die Sterne die du rechts unter "Userwertung" findest. Wenn du über die Sterne gehst kannst du diese farbig machen und durch einen Klick gibst du deine Stimme ab!
http://www.urbanshopping.eu/product.php?topcat=6&catid=1&productid=25
Und dann habe ich ja extra den Slider nochmal aus dem Quellcode genommen und in eine eigene Datei gepackt...
http://www.hiphop-pott.de/slider.html
Ich denke doch jetzt sollte klar sein worum es geht und was ich will oder etwa nicht?
Gruß
Christoph
Auf welcher Seite? Auf der Urbanshopping.eu? Dort ist der Slider die Sterne die du rechts unter "Userwertung" findest. Wenn du über die Sterne gehst kannst du diese farbig machen und durch einen Klick gibst du deine Stimme ab!
Auf der Seite, dessen Link du zuletzt angegeben hattest und da geht nach wie vor gar nichts derartiges.
Und dann habe ich ja extra den Slider nochmal aus dem Quellcode genommen und in eine eigene Datei gepackt...
http://www.hiphop-pott.de/slider.html
Der geht tadelos.
Ich denke doch jetzt sollte klar sein worum es geht und was ich will oder etwa nicht?
Ja. aber was war das Problem?
Struppi.
Auf welcher Seite? Auf der Urbanshopping.eu? Dort ist der Slider die Sterne die du rechts unter "Userwertung" findest. Wenn du über die Sterne gehst kannst du diese farbig machen und durch einen Klick gibst du deine Stimme ab!
Auf der Seite, dessen Link du zuletzt angegeben hattest und da geht nach wie vor gar nichts derartiges.
Muss ich das verstehen? Auf der Urbanshopping.eu findest du keinen Slider? Du hast die URL aber schon mit den ganzen Variablen aufgerufen oder?
Und dann habe ich ja extra den Slider nochmal aus dem Quellcode genommen und in eine eigene Datei gepackt...
http://www.hiphop-pott.de/slider.html
Der geht tadelos.
Das ist mir wohl bewusst das der im Firefox und auch im IE 7 tadellos geht... Vielleicht solltest du diesen Thread hier mal von anfang an lesen. Das Problem ist, dass der in dieser Form aber nicht im IE 6 geht und genau das ist das Problem!!!!!
Also die Funktion mit den Sternen läuft zwar im IE 6, aber die Becshreibung also "Sehr gut", "Mangelhaft" u.s.w. wird unter den Sternen nicht angezeigt wie beim IE7 und beim Firefox!
Auf welcher Seite? Auf der Urbanshopping.eu? Dort ist der Slider die Sterne die du rechts unter "Userwertung" findest. Wenn du über die Sterne gehst kannst du diese farbig machen und durch einen Klick gibst du deine Stimme ab!
Auf der Seite, dessen Link du zuletzt angegeben hattest und da geht nach wie vor gar nichts derartiges.
Muss ich das verstehen? Auf der Urbanshopping.eu findest du keinen Slider? Du hast die URL aber schon mit den ganzen Variablen aufgerufen oder?
Ja. Nichts geht.
Der geht tadelos.
Das ist mir wohl bewusst das der im Firefox und auch im IE 7 tadellos geht... Vielleicht solltest du diesen Thread hier mal von anfang an lesen. Das Problem ist, dass der in dieser Form aber nicht im IE 6 geht und genau das ist das Problem!!!!!
Also die Funktion mit den Sternen läuft zwar im IE 6, aber die Becshreibung also "Sehr gut", "Mangelhaft" u.s.w. wird unter den Sternen nicht angezeigt wie beim IE7 und beim Firefox!
Ah, ich hatte den Thread gelesen, aber immer nur ein Stückchen und dann nach dem der thread ja auch ein paar Tage alt ist, macht es nicht einfach zu verstehen was du jetzt willst. Vielleicht hängt es mit dem Fehler zusammen, den auch der firefox anzeigt?
Struppi.
Auf welcher Seite? Auf der Urbanshopping.eu? Dort ist der Slider die Sterne die du rechts unter "Userwertung" findest. Wenn du über die Sterne gehst kannst du diese farbig machen und durch einen Klick gibst du deine Stimme ab!
Auf der Seite, dessen Link du zuletzt angegeben hattest und da geht nach wie vor gar nichts derartiges.
Muss ich das verstehen? Auf der Urbanshopping.eu findest du keinen Slider? Du hast die URL aber schon mit den ganzen Variablen aufgerufen oder?
Ja. Nichts geht.
Der geht tadelos.
Das ist mir wohl bewusst das der im Firefox und auch im IE 7 tadellos geht... Vielleicht solltest du diesen Thread hier mal von anfang an lesen. Das Problem ist, dass der in dieser Form aber nicht im IE 6 geht und genau das ist das Problem!!!!!
Also die Funktion mit den Sternen läuft zwar im IE 6, aber die Becshreibung also "Sehr gut", "Mangelhaft" u.s.w. wird unter den Sternen nicht angezeigt wie beim IE7 und beim Firefox!Ah, ich hatte den Thread gelesen, aber immer nur ein Stückchen und dann nach dem der thread ja auch ein paar Tage alt ist, macht es nicht einfach zu verstehen was du jetzt willst. Vielleicht hängt es mit dem Fehler zusammen, den auch der firefox anzeigt?
Struppi.
Das kann absolut nicht sein... Wenn du folgende URL genau wie sie hier steht in deinem Browser aufrufst, dann erscheint eine Detailseite eines Artikels und dort findest du auch den Slider... Rufe meine Seite ja selber immer so auf.
Der Link: http://www.urbanshopping.eu/product.php?topcat=6&catid=1&productid=25
Komplett so wie er ist musst du den kopieren, also inklusive topcat, catid und productid!)
Nein der Fehler des Sliders liegt nicht an dem Javascript, da der Javascriptfehler ja nur angezeigt wird, weil ich den Slider aus einem PHP-Dokument genommen habe und in ein HTML-Dokument kopiert habe. Daher erkennt er jetzt natürlich die Variablen nicht. Hatte ich aber auch schon erklärt!
Irgendwie drehe ich mich hier end im Kreis... Ich erkläre seit drei Tagen das gleiche und will nur wissen, warum der Slider im IE6 nicht so funktioniert wie im IE7 oder Firefox, bzw. wenigsten einen Hauch einer Idee bekommen woran es liegen könnte. Sind vielleicht die Angaben in der CSS-Datei falsch oder für IE6 ungeeignet oder sondt irgendwas?
Gruß
Christoph
Das kann absolut nicht sein... Wenn du folgende URL genau wie sie hier steht in deinem Browser aufrufst, dann erscheint eine Detailseite eines Artikels und dort findest du auch den Slider... Rufe meine Seite ja selber immer so auf.
Es ist aber so. Es Funktioniert nicht bei mir weder im FF 1.5 noch FF 2.0
Nein der Fehler des Sliders liegt nicht an dem Javascript, da der Javascriptfehler ja nur angezeigt wird,
Es werden nicht nur JS Fehler angezeigt, sondern auch in dem CSS Code.
Irgendwie drehe ich mich hier end im Kreis... Ich erkläre seit drei Tagen das gleiche und will nur wissen, warum der Slider im IE6 nicht so funktioniert wie im IE7 oder Firefox, bzw. wenigsten einen Hauch einer Idee bekommen woran es liegen könnte. Sind vielleicht die Angaben in der CSS-Datei falsch ...
Nicht nur vielleicht sondern bestimmt.
Struppi.