nicht angemeldet
Hallo,
bisher habe ich immer nur von Sonderwegen des IE gelesen.
Jetzt habe ich aber einen seltsamen Effekt in Opera.
Die Anzeige im untenstehenden Quelltext ist korrekt im IE ab Version 7, im FF, im Opera 9 und im Opera 11.
Im Opera 10 hingegen springen Bild und Text nach unten, wenn man mit der Maus darüberfährt. Sie bleiben auch an der Position, wenn der Cursor den Bereich wieder verlässt. Erst bei refresh kehrt das Ganze an den Ursprungsort zurück.
Zur Vereinfachung habe ich den Source-Text sehr verkleinert, daher vielleicht nicht immer optimal strukturiert. Und um zu zeigen, dass es nicht an unterschiedlichen Bildern liegt, habe ich zweimal das gleiche Bild angegeben.
Wenn die Titelzeile weggelassen wird, tritt der Effekt übrigens nicht auf.
Hat jemand eine Idee, woran dies liegt?
Hier der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
#Titelzeile {
margin-top: 1.5em;
padding-left: 2em;
}
div#Bild {
background: url(/bild1.jpg) no-repeat;
}
.normal {
display: block;
margin-left:410px;
}
.invers {
display: none;
margin-left:410px;
}
div#Bild:hover {
background: url(/bild1.jpg) no-repeat;
}
div#Bild:hover .normal {
display: none;
}
div#Bild:hover .invers {
display: block;
}
</style>
</head>
<body>
<div id="Titelzeile"></div>
<div>
<div id="Bild">
<span class="normal">
H a l l i
<br>Text1<br>text2<br>text3<br>text2<br>text3<br>text2<br>text3<br>text2<br>text3<br>text2<br>text3
</span>
<span class="invers">
H a l l o
<br>Text1<br>text2<br>text3<br>text2<br>text3<br>text2<br>text3<br>text2<br>text3<br>text2<br>text3
</span>
</div>
</div>
</body>
</html>
Der Martin