nicht angemeldet
Hallo,
ich habe mir jetzt zwei Beispiele "zusammengebastelt", die in Firefox einwandfrei laufen.
Im IE6 laufen aber beide nicht, im IE7 funktioniert zwar das Hoover-Beispiel aber das Link-Beispiel ebenfalls nicht.
Gibt es da eine Korrekturmöglichkeit?
Mit Dank
Klaus
Hier die Beispiele:
1. Hoover:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>
<style type="text/css">
.infobox_hoover {position: relative; border: 1px solid red;}
.infobox_hoover span {position: absolute; left:-999em; top: 1em; border: 1px solid green; background-color: #dddddd; min-width: 100px;}
.infobox_hoover:hover span, .infobox_hoover:focus span {left:1em; cursor:text;}
</style>
</head>
<body>
<h1>Infobox - Aufruf über Hoover</h1>
<p>
Text .............................<br>
Text .............................<br>
Text .............................<br>
Text .............................<br>
Text .............................<br>
Text .............................<br>
<br>
<a class="infobox_hoover" href="#">infobox_hoover
<span>Infobox - Aufruf über Hoover<br>
Beschreibung <br>................ <br>................
<br>................ <br>................
</span>
</a>
</p>
<p>
bla bla bla bla<br>bla bla bla bla<br>bla bla bla bla<br>
bla bla bla bla<br>bla bla bla bla<br>bla bla bla bla<br>
bla bla bla bla<br>bla bla bla bla<br>bla bla bla bla<br>
</p>
</body>
</html>
2. Link:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>
<style type="text/css">
.infobox_link {position: relative; text-decoration: none;}
.infobox_link span {position: absolute; left:-999em; top: 1em; border: 1px solid green; background-color: #dddddd; width: 40em;}
.infobox_link:focus span {left:1em; width:20em; cursor:text;}
</style>
</head>
<body>
<h1>Infobox - Aufruf über Link</h1>
<p>
Text .............................<br>
Text .............................<br>
Text .............................<br>
Text .............................<br>
Text .............................<br>
Text .............................<br>
<br>
<a class="infobox_link" href="#">infobox_link
<span>Infobox - Aufruf über Link<br>
Beschreibung <br>................ <br>................
<br>................ <br>................ <br>
Fenster schliessen ......
</span>
</a>
</p>
<p>
bla bla bla bla<br>bla bla bla bla<br>bla bla bla bla<br>
bla bla bla bla<br>bla bla bla bla<br>bla bla bla bla<br>
bla bla bla bla<br>bla bla bla bla<br>bla bla bla bla<br>
</p>
</body>
</html>
apsel