Hallo Ihr,
ich habe folgendes Problem und weiß momentan nicht an was es liegen könnte. Auf meiner Vereinsweb-Site, die mit einem Tabellenlayout aufgebaut ist, will ich über eine Schaltfläche ein kleines Fenster aufmachen, daß mir eine Anfahrtsskizze zeigt.
Geht auch alles soweit, nur daß die Tabelle, die sich in diesem Fenster befindet, nicht in der mitte des Fensters steht, abwohl ich zentrisch positionier. Ich habe mit IE 6.0 immer oben und links einen Rand von ca. 10-15px. Vielleicht kann mir jemand helfen, da ich auch noch in der Lernphase bin.
Hier der Quelltext für das Öffnen des Fensters:
<script language="JavaScript">
<!--
function oeffnefenster (url) {
var fenster=window.open(url, "fenster1", "width=407,height=430,status=no,scrollbars=auto,resizable=no");
}
}
// -->
<td width=104 height="14"><a href="javascript:oeffnefenster('anfahrt_11.htm')" onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')"><img name="image1" src="pics/fliegergruppe.gif" alt="Fliegergruppe" width=104 height=14 border=0></a></td>
Und hier das Fenster selber:
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
if (document.images) {
image1on = new Image();
image1on.src = "pics/zoom-_over.gif";
image2on = new Image();
image2on.src = "pics/drucken_over.gif";
image3on = new Image();
image3on.src = "pics/zoom+_over.gif";
image1off = new Image();
image1off.src = "pics/zoom-.gif";
image2off = new Image();
image2off.src = "pics/drucken.gif";
image3off = new Image();
image3off.src = "pics/zoom+.gif";
}
function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
}
}
}
// -->
</script>
</head>
<body>
<div align="center">
<table width="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="400" height="400" align="center" valign="top"><img src="pics/anfahrt_1.gif" width="400" height="400"></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td height="14" align="center" valign="top"><a href="anfahrt_1.htm" target="_self" onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')"><img name="image1" src="pics/zoom-.gif" alt="zoom-" width=52 height=14 border=0></a><a href="javascript:print()" target="_self" onMouseOver="changeImages('image2', 'image2on')" onMouseOut="changeImages('image2', 'image2off')"><img name="image2" src="pics/drucken.gif" alt="drucken" width=53 height=14 border=0></a><a href="anfahrt_2.htm" target="_self" onMouseOver="changeImages('image3', 'image3on')" onMouseOut="changeImages('image3', 'image3off')"><img name="image3" src="pics/zoom+.gif" alt="zoom+" width=52 height=14 border=0></a>
</td>
</tr>
</table>
</div>
</body>
</html>
Wäre nett, wenn mir jemand sagen könnte an was es liegt!
Viele Grüße von der Schwäbischen Alb
Madoc