Oliver Dombrowski: Tabelle zentrieren und doch position:absolute?

Beitrag lesen

Hallo!

Ich habe da folgendes Problem und hoffe auf Hilfe:

Ich versuche, eine Tabelle zentriert darzustellen - möchte aber, dass diese beim Fenster verkleinern- bzw. vergrößern an Ort und Stelle bleibt (wie mit dem Style position:absolute).
Beide Befehle zusammen nimmt weder der IE (7.0) noch Firefox an, in einem solchen Fall setzt sich position:absolute durch (Die Tabelle ist nicht mehr zentriert, sondern erscheint Linksbündig).

Man könnte das Ganze sicherlich auch über bestimmte Pixelabstände zu den Rändern lösen, doch dies würde nur für die aktuelle Auflösung gelten.

Hier mein Quelltext, um euch das Ganze ein wenig zu verdeutlichen (öffnet die Seite im Explorer und verschiebt die Größe mal horizontal, ihr werdet bemerken das sich die Tabelle mit verschiebt):

<html>

<head>
<title>title</title>
</head>

<body background="verlauf2.JPG" link="#333333" vlink="#333333" alink="#333333">

<div align="center">
  <table border="1" bordercolor="#111111" id="AutoNumber1" cellspacing="0" cellpadding="0" width="1003" style="border-collapse: collapse;">

<tr>
      <td width="982" height="421" colspan="3" background="header2.jpg"></td>
    </tr>

<tr>
      <td width="169" height="523">###HOME###<br>###GILDE###<br>###ENZY###<br>###MEDIA###</td>
      <td width="668" height="523">###CONTENT###</td>
      <td width="138" height="523">###LOGIN###<br>###UMFRAGE###<br>###SDM###</td>
    </tr>

<tr>
      <td width="982" height="25" colspan="3">###FOOTER###</td>
    </tr>

</table>
</div>

<div style="position:absolute; top:250; width:232; padding:10px; left:240; height:68; font-family:Verdana; font-size:60%">
   <a href="http://www.google.de" target="_blank" style="text-decoration: none">Newsmeldung #1</a><br>
   <a href="http://www.google.de" target="_blank" style="text-decoration: none">Newsmeldung #2</a><br>
   <a href="http://www.google.de" target="_blank" style="text-decoration: none">Newsmeldung #3</a><br>
   <a href="http://www.google.de" target="_blank" style="text-decoration: none">Newsmeldung #4</a><br>
     </div>

</body>

</html>