Tabelle zentieren
- Ersteller mazza84
- Erstellt am
- Status
nichtsgeht
Neues Mitglied
Ja, das wäre das beste:
Code:
<div style="margin: 0 auto; text-align: center;">
<table>
...
</table>
</div>nichtsgeht
Neues Mitglied
Du meinst horizontal und vertikal zentrieren ?
Die Werte mußt du dann noch angleichen:
margin -111px = halbe höhe des Bereiches
margin -333px = halbe breite des Bereiches
width 222px = Höhe des Bereiches
height 666px = Breite des Bereiches
Schöner wäre es aber mit einer seperaten CSS-Datei. Dann benutzt man class bzw. id
Code:
<div style="position: absolute; top: 50%; left: 50%;
margin: -111px -333px; width: 222px; height: 666px;">
<table>
...
</table>
</div>margin -111px = halbe höhe des Bereiches
margin -333px = halbe breite des Bereiches
width 222px = Höhe des Bereiches
height 666px = Breite des Bereiches
Schöner wäre es aber mit einer seperaten CSS-Datei. Dann benutzt man class bzw. id
nichtsgeht
Neues Mitglied
Also mal Schritt für Schritt.
Du legst eine Datei an. Nenne wir mal style.css. Diese sieht dann so aus.
und die HTML-Datei sieht wie folgt aus:
wie bereits gesagt, mußt du die Werte in margin, height und width noch anpassen.
Du legst eine Datei an. Nenne wir mal style.css. Diese sieht dann so aus.
Code:
.tabelle {
position: absolute;
top: 50%;
left: 50%;
margin: -111px -333px;
width: 222px;
height: 666px;
}
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Meine Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="tabelle">
<table>
....
</table>
</div>
</body>
</html>- Status
