Autor |
Nachricht |
it-basics
Threadersteller
Dabei seit: 23.11.2006
Ort: Heidenau
Alter: 43
Geschlecht:
|
Verfasst Mo 01.12.2008 22:48
Titel Darstellung im Firefox vs. Darstellung im Internet Explorer |
|
|
Hallo,
in einem Webshop wird bei Mouseover eines Artikelbildes auf der Startseite Beschreibung und Preis angezeigt. Im Firefox funktioniert es wunderbar, da ist das Fenster da wo es hin soll. Nur im Internet Explorer wird das Fenster an unmöglichen Stellen eingeblendet. Zum besseren Verständnis hier der Link:
www.deluxe-und-design.de
Die Darstellung des Fensters soll aber in beiden Browsern gleich aussehen, also so wie im Firefox. Wie bekomme ich das hin? Habe schon einiges an der CSS und an dem JavaSkript geändert, bisher aber keinen Erfolg gehabt. Wer hat den entscheidenden Tipp für mich?
Vielen Dank.
Thomas
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mo 01.12.2008 23:17
Titel
|
|
|
verstehs nicht falsch - aber bei steht die beschreibung im firefox auch immer woanders - insofern is es also (fast) gleich
einen validator-check könnt ich dir dringend ans herz legen, aber den schaffst eh selbst, oder?
und der developertoolbar im ff wirft auch ganz komische fehler aus
dein positionsprob scheint aus der ecke
Code: | x = (ie) ? event.clientX + document.body.scrollLeft : e.pageX;
y = (ie) ? event.clientY + document.body.scrollTop : e.pageY;
|
zu kommen - dort wirft er mir
Code: | assigment to undeclared variable x |
bzw
Code: | assigment to undeclared variable y |
aus
Zuletzt bearbeitet von l3mon am Di 02.12.2008 09:17, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
it-basics
Threadersteller
Dabei seit: 23.11.2006
Ort: Heidenau
Alter: 43
Geschlecht:
|
Verfasst Mo 01.12.2008 23:48
Titel
|
|
|
Hallo l3mon,
validiert wird später, trotzdem danke erstmal für den Tipp . Das komplette JavaSkript für das Mouseover sieht so aus:
Code: |
<script language="JavaScript" type="text/javascript">
var global_x = 0;
var global_y = 0;
var ie = (document.all) ? true : false;
if(!ie) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getPosXY;
function getPosXY(e) {
x = (ie) ? event.clientX + document.body.scrollLeft : e.pageX;
y = (ie) ? event.clientY + document.body.scrollTop : e.pageY;
if(x < 0) { x = 0; }
if(y < 0) { y = 0; }
global_x = x;
global_y = y;
}
function show_info(div_id) {
document.getElementById(div_id).style.visibility = "visible";
document.getElementById(div_id).style.left = (global_x+10) + "px";
document.getElementById(div_id).style.top = (global_y-60) + "px";
}
function hide_info(div_id) {
document.getElementById(div_id).style.visibility = "hidden";
}
</script>
|
Das CSS so:
Code: |
.info_layer {
position: absolute;
left: 200px;
top: 300px;
visibility: hidden;
border: 1px solid lightgrey;
background-color: white;
}
|
aber das hat ja fast nichts zu sagen.
Es soll halt im IE genauso wie im Firefox angezeigt werden, also in der Nähe der Maus und nicht irgendwo auf der Seite. Vielleicht habe ich mich da etwas unglücklich ausgedrückt.
Zuletzt bearbeitet von it-basics am Mo 01.12.2008 23:55, insgesamt 1-mal bearbeitet
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Di 02.12.2008 09:21
Titel
|
|
|
lass mal die position: absolute; weg
|
|
|
|
|
it-basics
Threadersteller
Dabei seit: 23.11.2006
Ort: Heidenau
Alter: 43
Geschlecht:
|
Verfasst Di 02.12.2008 10:46
Titel
|
|
|
Das wars leider nicht. Das Infofenster erscheint im IE nicht so wie im FF. Sieht man besonders gut, wenn man die Bilder aus der letzten Zeile testet.
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Di 02.12.2008 11:19
Titel
|
|
|
hast die koordinaten auch weggelassen? (scheint nicht so)
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 02.12.2008 11:25
Titel
|
|
|
evtl hilft es den Browser default-werte zu vergeben falls du das ncoh nicht gemacht hast
|
|
|
|
|
it-basics
Threadersteller
Dabei seit: 23.11.2006
Ort: Heidenau
Alter: 43
Geschlecht:
|
Verfasst Fr 05.12.2008 09:44
Titel
|
|
|
Hhmmm, hilft leider alles nix. Wenn ich die position:absolute weglasse, steht das Mouseover-Fenster mit Beschreibung und Preis gleich unter dem Produktbild, was ja nicht Sinn und Zweck der Sache ist. Auch das schrauben am JavaSkript hat nicht den gewünschten Erfolg gebracht.
Oder bin ich mit meinem Code auf dem Holzweg und es kann so gar nicht wie gewünscht funktionieren? Hat vielleicht jemand nen anderen Vorschlag/ne andere Idee?
|
|
|
|
|
|
|
|
Ähnliche Themen |
hilfe bei darstellung im internet explorer 8.0
falsche Darstellung im Internet Explorer
Probleme bei der Darstellung im Internet Explorer
Firefox & Explorer Darstellung unterschiedlich?
Falsche Darstellung im Internet-Explorer - Ich verzweifle...
Fehlerhafte Darstellung der Webseite im Internet Explorer
|
|