Hi,
hab das Problem jetzt gelöst - war gestern etwas verwirrt (Rotwein, Hitze und ich vertragen sich nicht gut).
Ich danke Euch für Eure Bemühungen.
Neues Problem mit IE:
Ich versuche, javscript-unabhängig folgendes zu realisieren:
Im Text befindet sich ein kleines Vorschaubild - bei :hover soll an dieser Stelle dann absolut positioniert das große Bild erscheinen.
Ok, IE kann :hover nur bei a-Elementen, also pack ich die beiden Bilder in ein a-Element (irgendein Element, das beide Bilder enthält, brauch ich sowieso).
Das große Bild wird erstmal auf display:none gestellt, nur wenn der Mauszeiger über dem a-Element ist, wird hier display:block eingesetzt.
Funktioniert mit folgendem Code wunderbar in Browsern:
im HTML:
<p>
<a href="/bilder/vorbereitung/pickel.jpg" class="preview"><img src="/bilder/vorbereitung/pre/pickel.jpg" alt="Ei mit Kalkpickeln" /><img src="/bilder/vorbereitung/pickel.jpg" alt="Ei mit Kalkpickeln" title="Ei mit Kalkpickeln" class="fullview"/></a>
Es war einmal ein Mann. ...
</p>
im CSS:
a.preview:link, a.preview:visited
{
float:right;
position:relative;
border:none;
padding-left:10px;
}
a.preview:hover /* to trigger IE :hover for img */
{
border-width:0px;
}
a.preview:link img.fullview, a.preview:visited img.fullview
{
display:none;
position:absolute;
right:0px;
top:0px;
width:300px;
height:300px;
border:10px solid white;
z-index:0;
}
a.preview:hover img.fullview
{
display:block;
z-index:10;
}
Ok, IE braucht noch die Änderung der border für's a-Element, damit der :hover-Effekt für das darin befindliche Bild wirkt.
Bei Mausüber erscheint auch im IE das große Bild.
Aber mein IE 6 denkt gar nicht daran, das Bild wieder wegzunehmen, wenn die Maus wieder weg ist.
Was kann man da tun (außer den IE nicht zu verwenden)?
Testseite hier: http://temp.andreas-waechter.de/test.html
Am float:right fürs a liegt's nicht, das Problem tritt auch ohne float auf.
cu,
Andreas
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.