mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 16:03 Benutzername: Passwort: Auto-Login

Thema: Probleme mit CSS div position vom 06.04.2008

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Probleme mit CSS div position
Autor Nachricht
katynka
Threadersteller

Dabei seit: 06.04.2008
Ort: -
Alter: 37
Geschlecht: Weiblich
Verfasst So 06.04.2008 16:48
Titel

Probleme mit CSS div position

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
Ähnliche Themen Probleme mit IE6 - "position: absolute" / transparentes PNG
[CSS] - Position
[CSS] position
IE6 und position:fixed
[CSS] position:fixed und der IE
[css] position?, FoldOutMenue
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.