nicht angemeldet
Hallo, ich hab da ein kleines Experiment gebastelt, welches aber nur im IE funktioniert -Mozilla, Firefox und Opera lässt das Beispiel völlig kalt. Gegeben ist ein JPEG-Bild mit den Dimensionen 256x256, welches aber zunächst nur mit der Grösse 128x128 angezeigt wird. Fährt man nun über das Bild, soll es sich im DIV auf 256x256 aufblasen, idealerweise soll sich Text, der den Container umfliesst, dynamisch mitändern.
Ich hab das so gelöst, daß ich dem Container erst einmal die 128x128 Grösse verpasse und dem Bild 100% zuweise, welches sich beim Mouseover entsprechend ändert, da der Container dann doppelt so gross wird. Klappt aber wie gesagt nur im IE, der Code:
<HTML>
<HEAD>
<STYLE>
.imgover {width:128px;height:128px;text-align:center;}
.imgover img {width:100%;height:100%;border:1px solid #000000;}
.imgover a:hover {width:256px;height:256px;}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="imgover">
<A HREF="#"><IMG SRC="bild.jpg" ALT=""></A>
<SMALL>© Copyright</SMALL>
</DIV>
</BODY>
</HTML>
Was mache ich verkehrt oder geht es am Ende gar nur im IE? Ich möchte das nämlich ohne Javascript realisieren...
Gruß Christian
PS: der Text unterm Bild scheint beim Mouseover im IE nicht korrekt zu zentrieren, woran könnte das liegen?