Hallo!
Ich habe folgende Seite (normalerweise in einer Framing Seite) und darauf sollten unten Stichpunkte sein. Beim "berühren" der Stichpunkte sollte eine Deteilbeschreibung auftauchen. Soweit alles klar und es funktioniert auch. Aber eben nur mitt allen Browsern, allen außer dem InternetExplorer. Der Macht Mist.
Die Seite Sieht so aus: http://wjm.wj.funpic.de/problem/problem.html
Und ich so:
P.S.: IE für Mac http://www.kronenberg.org/ies4osx/
Ich habe folgende Seite (normalerweise in einer Framing Seite) und darauf sollten unten Stichpunkte sein. Beim "berühren" der Stichpunkte sollte eine Deteilbeschreibung auftauchen. Soweit alles klar und es funktioniert auch. Aber eben nur mitt allen Browsern, allen außer dem InternetExplorer. Der Macht Mist.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Logo</title>
<style type="text/css">
body { background-color:#FFCC66;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 0.9pc;
}
h1 { font-size: x-large;
color: #101010;
padding: 0px 0px 0px 0px;
}
h2 { font-size: large;
color: #101010;
margin: 10pt 3pt 2pt 3pt;
padding: 0px 0px 0px 0px;
}
h3 { font-size: medium;
color: #101010;
margin: 10pt 3pt 2pt 3pt;
padding: 0px 0px 0px 0px;
}
p { color: #33201a;
margin-right: 30px;
margin-top:0px;
}
.contentbox { background-color: #f6bf51;
margin: 2cm 5% 10px 5px;
padding: 10px 5px 5px 35px;
width: 750px;
text-align: left;
}
a:link { color: #f15a22;
text-decoration: none;
}
a:visited { color: #bc3e0f;
text-decoration: none;
}
a:active, a:hover, a:focus { color: #f17f22;
text-decoration: underline;
}
.box1 { margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.box2 { margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.ort { position:absolute;
top: 3px;
left: 3px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<link rel="Stylesheet" type="text/css" href="stichp.css" />
<script type="text/javascript">
window.onmousemove = update_position;
function update_position(event)
{
if(window.all)
{
x = window.event.x + window.scollX;
y = window.event.y + window.scrollY;
x += 20;
y -= 20;
y = window.innerHeight - y;
document.all.d1.style.left = x + "px";
document.all.d1.style.bottom = y + "px";
}else{
x = event.pageX;
y = event.pageY;
x += 20;
y -= 20;
y = window.innerHeight - y;
document.getElementById('d1').style.left = x + "px";
document.getElementById('d1').style.bottom = y + "px";
document.getElementById('d2').style.left = x + "px";
document.getElementById('d2').style.bottom = y + "px";
}
}
//-----
function show_stich(id)
{
var idd = 'd' + id;
document.getElementById(idd).style.visibility = "visible";
}
function hide_stich(id)
{
var idd = 'd' + id;
document.getElementById(idd).style.visibility = "hidden";
}
</script>
</head>
<body>
<center>
<div class="contentbox">
<table>
<tr>
<td style="width: 70%; vertical-align:middle;">
<p style="font-size:medium;">
Kontrollierte Verbrennung<br />
Wärme für Herz, Seele und Geldbeutel
</p>
</td>
<td>
<img src="poemindex.jpg" alt="Haus" />
</td>
</tr>
</table>
</div>
</center>
<div class="stichpunktrahmen">
<a class="stich" id="s1" onmouseover="show_stich('1')" onmouseout="hide_stich('1')">Stichpunkt 1</a>
<a class="stich" id="s2" onmouseover="show_stich('2')" onmouseout="hide_stich('2')">Stichpunkt 2</a>
</div>
<div class="stichdesc" id="d1">Stichpunktbeschreibung 1<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div class="stichdesc" id="d2">Stichpunktbeschreibung 2<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</body>
</html>
Die Seite Sieht so aus: http://wjm.wj.funpic.de/problem/problem.html
Und ich so:
P.S.: IE für Mac http://www.kronenberg.org/ies4osx/