✔ Hover-Problematik

[LuvShining]

Hallöchen,

kleines Problemchen am Rande, dass mich allerdings schon ein wenig länger beschäftigt.

Beispiel:
Ich habe einen Button. Dieser ist auf der rechten Seite meines Browsers, innerhalb einer Tabelle ausgerichtet. Sobald man mit der Maus den Button überfährt erscheint, fest ausgerichtet, ein Bild neben dem Button.

In meinen Browsern (NS 7, IE 6, Mozilla Firefox 5) sieht alles in Ordnung aus. Rechts die Buttons, beim überfahren mit der Maus erscheint das Bild in der angegebenen Position.
Nun wurde ich darauf aufmerksam gemacht, dass es bei einer Kollegin (IE 6) nicht so aussieht. Bei ihr erscheint zwar der Button in der Tabelle (rechts), aber statt an der angegebenen Position ist direkt unter dem Button schon die eigentliche Vorschau-Ansicht, die erst erscheinen soll, wenn man mit der Maus darüber fährt.

Kann mir jemand von euch erklären, woran das liegt?

Über eure Hilfe würde ich mich freuen!

Gruß
Nadine

 

[Maik]

Der dazugehörige Quelltext (HTML + CSS) wäre bei der Ursachenforschung ganz hilfreich.

 

[LuvShining]

Jou kein Problem, hätte ich auch selbst dran denken können.

--- [schnipp schnapp] ---
CSS

a.info {border-bottom:1px #000000;text-decoration:none}
a.info:hover {cursor:hand;background:#FFFFFF}
a.info span {visibility:hidden;position:absolute;left:176px;width:584px;padding-bottom:5px;text-decoration:none;color:#6E6E6E;font-family:frutiger,arial,helvetica;font-size:11px;font-weight:bold;text-align:center;}
a.info:hover span {visibility:visible;border:1px solid #CF8501;color:#6E6E6E;background:#FEA300}

HTML

<a class="info" href="#" target="_blank"><img src="/PFAD/04bowling.jpg" border="0">
<span><img src=/PFAD/anz_bowling.jpg" border="0"></span></a><br>

Erläuterung:
04bowling = Button
anz_bowling = Großansicht des Bildes

--- [/schnipp schnapp] ---


Grüße
Nadine

 

[Maik]

Gibt es auch eine Online-Version der Problemseite, denn anhand der Codeschnippsel kann ich keinen Grund erkennen, der den IE zu der Fehlinterpretation veranlasst?

 

[LuvShining]

Ich trau mich gar nicht den Grund zu nennen.... °räusper° - zu dumm, unkonzentriert dank WE-Stimmung sag ich wohl besser nur ....

Die CSS hatte ich nochmal abgewandelt. Die Eine (info) war oben und links festgelegt. Die andere (info1) war lediglich links ausgerichtet. Da ich verschiedene CSS-Dateien für verschiedenste Bereiche angelegt habe, hatte ich übersehen, dass ich mich hier in einer bewegte, in der ich die Änderung noch nicht vorgenommen hatte. D.h. die info1, die ich verwendete war nicht in der CSS enthalten, lediglich eine info....

Besser unkommentiert lassen - zu peinlich!

Herzlichen Dank für die Geduld!

Nadine
Ole, ole! Morgen wird es spannend (und schon merkt man wo Frau wieder die Gedanken hat...)