Problem mit Unterschied bei Positionierung im FF und IE

[Axel Richter]

Hallo,

Hoffe Ihr bekommt keinen Herzinfarkt, wenn Ihr das seht (Ich möchte hier auch keine Grundsatzdiskussion auslösen, falls irgendwas in dem Code nicht konform ist etc.): ;-)

Fehlerhafter Code soll also zum gewünschten Ergebnis führen? Ich verkneife mir Kommentare zum Template also.

Hier der relevante Quellcode + CSS:
  <div id="links_4"><a href="/typo3/index.php?id=3&amp;action=download&amp;datei=32">fittness1.jpg<img src="fileadmin/scripte/vorschaubild_anzeigen.php?vorschaupfad=/tmp/vorschaubilder/32_270.jpg">

Das A-Element ist aber schon irgendwo zuende?

#links_4 a img {width:0px; height:0px; border-width:0px;}
  #links_4 a:hover img{position: absolute; top: 60px;
          left: 635px; width:270px; height:205px;}

So, ich hoffe, damit habe ich alles Relevante gezeigt und Ihr könnt damit was anfangen...

So passiert beim  #links_4 a:hover mit dem Bild überhaupt nichts. Es bleibt 0px mal 0px groß, also unsichtbar. Ist das Dein Problem?

Dagegen hilft ein "Trigger", der erstmal ein a:hover erzwingt. Bspw:

#links_4 a:hover { background-color:transparent; }

Mache ich das so, dann zeigt IE genau das, was Du vermutlich wolltest. Das Bild ist top: 60px; left: 635px; von der <!-- Tabelle mit den Seiteninhalten --> positioniert.

viele Grüße

Axel