katynka
Threadersteller
Dabei seit: 06.04.2008
Ort: -
Alter: 37
Geschlecht:
|
Verfasst So 06.04.2008 16:48
Titel Probleme mit CSS div position |
|
|
Hallo Leute,
scheinbar bin ich zu 'blöd'. Ich möchte eine Tabelle immer in der Mitte des Monitors pazieren, unabhängig von Bildschirmbreite und Höge des Monitors (ab 1024 x 768 aufwärts).
Ich habe das so gelöst, dass ich 2 Tabellen gemaht habe. Eine 'äußere' deren Breite und Höhe jeweils 100% des Monitors beträgt.
Die 2. Tabelle habe ich einfacj sowohl vertikal als auch horizontel in der 1. Tabelle plaziert.
Soweit funktioniert das ja auch alles wie gewünscht (Ist ja auch simpel).
Aber jetzt kommt das eigentliche Problem:
Mittels eines Javascriptes öffnet sich ein Fenster, wenn den Cursor über einen Link führt (MouseOvwe) und schließt sich weieder, wenn der Cursor von dem Link wegbewegt wird.
Dieses Fenster soll sich IMMER exakt in der Bildmitte öffnen.
Das schaffe ich aber mit der momentanen Metode NUR bei 1024x768px Bildschirmauflösung. Wenn diese größer ist, öffnetsich das Fenster natürlich NICHT mehr in der Bildmitte.
Ich habe mal einen stark reduzierten Quelltext mit einem Beispiel gepostet.
Kann mir jemand von Euch helfen?
Wie schaffe ich es, dass sich das Fenster bei MouseOver unabhängig der eingestellten Bildschirmauflöung IMMER exakt in der Bildmitte öffnet ?
Bitte helft mir "Anfängerin" weiter. Mit googeln hab ich es nicht gescha´fft die Lösung zu finden....
Vielen Dank vorab für Eure Hilfe,
Katynka
Hier der Quelltext:
Code: |
<html>
<head>
<TITLE></TITLE>
<script language="JavaScript">
<!--
var pressed = "";
var oldnormimage = "";
function MM_showHideLayers() {
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }}
function MM_reloadPage(init) {
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}
MM_reloadPage(true);
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;}
//-->
</script>
</head>
<body style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px">
<table bgcolor="darkgreen" border=0 cellpadding=0 cellspacing=0 style="width:100%;height:100%">
<tr valign="middle">
<td>
<center>
<table bgcolor="lightyellow" border=0 cellpading=20 style="width:1000px;height:565px">
<tr valign="top">
<td>
<a href="#" onMouseOver=MM_showHideLayers('link-1','','show') onMouseOut=MM_showHideLayers('link-1','','hide')>Testlink</a>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<div id="link-1" style='position:absolute; left:300px; top:188px; width:400px; height:200px; z-index:6; visibility: hidden'>
<table width='400' border='1' cellspacing='0' cellpadding='2' height='200' bgcolor="white">
<tr valign="middle">
<td>
<center>Text oder Bild</center>
</td>
</tr>
</table>
</div>
</body>
</html>
|
|
|