nicht angemeldet
Ich habe innerhalb meiner Seite ein paar Bilder, bei denen beim rübergehen mit der Maus ein kurzer Text erscheinen soll.
Nein, bilder sind das nicht - das sind Formular-Buttons vom typ "image" die zudem keine korrekte Höhenangabe haben.
Wie hoch sind die 85 Marillenknödel? 85 Klafter?
Damit die Tooltipps an einer vernünftigen Stelle angezeigt werden, habe ich direkt beim Tooltipp "position: relative;" ausgewählt.
Nein, du hast dem a-Element in dem das Zeug drinnen ist ein position: relative verpasst.
Unter Firefox und IE sieht das auch vernünftig aus (Text erscheint unter dem Bild, egal wie groß das Bild ist!); nur bei Opera erscheint der Text irgendwo mittig im Bild, als wenn der Ausgangspunkt nicht das Bild, sondern die obere Kante vom Bild wäre.
Ist sie ja auch - der Ursprungspunkt für den Tooltip selbst (das span-Element) ist wie du angibst die linke obere Ecke (du gibst top an und left "nix") des a-Elementes mit position: relative.
Weiß jemand eine Lösung für das Problem?
Vernünftigen, fehlerfreien Code - dann klappts auch mit dem nachbarn.
<br /> ist in HTML 4.01 zwar nicht falsch, aber vermutlich nicht das was du erwartest - ersetz es durch <br> oder noch besser: weg damit.
In Summe würde ich sage Opera macht es richtiger als die anderen genannten Browser - das bestätigt auch ein prüfender Blick in Safari und Chrome.