nicht angemeldet
Hallo,
Zwischenfrage, kann ich nicht rechnen, oder hab ich nen Denkfehler.
Jedoch
10% + 80% + 10% = 100%
Abstand links + Tabelle + gedachter Abstand rechts = gesamt Breite20% + 60% + 20% = 100%
Abstand oben + Tabelle + gedachter Abstand unten = gesamt Höhewollt ich nur mal so wissen.
Ja, klar, genau so. Hat Ingo aber auch genau so angegeben:
table {width:80%; height:60%; margin:20% 10%;}
^ ^
oben und unten | |
|
links und rechts |
http://www.w3.org/TR/CSS2/box.html#margin-properties
Die Browser machen es halt mit oben und unten nur nicht so. Bzw. sie berechnen 100% Höhe igendwie anders.
Es geht, allerdings mit etwas Trickserei und nicht ganz standardkonform, weil negative Angaben bei left und top nicht explizit erlaubt sind:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tabelle Mitte Mitte</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body {font-size:24px; padding:50px;}
div.help {position:absolute; width:0; height:0; top:50%; left:50%;}
table.mitte {border:1px solid black; position:relative; width:200px; height:200px; left:-100px; top:-100px; background-color:green;}
table.mitte td {border:1px solid black; text-align:center; color:blue;}
-->
</style>
</head>
<body>
<h1>Tabelle in der Mitte der Mitte ;-))</h1>
<div class="help">
<table class="mitte">
<tr>
<td>Zelle</td>
<td>Zelle</td>
</tr>
<tr>
<td>Zelle</td>
<td>Zelle</td>
</tr>
</table>
</div>
<p>Das ist eine Tabelle, die immer absolut in der Mitte der Mitte des Browserfensters steht. So sollte es jedenfalls sein, ist es auch in IE 6.0 und Mozilla 1.3.1. Für andere Browser übernehme ich keinerlei Garantie.</p>
</body>
</html>
viele Grüße
Axel