SorgenKind mech: Zentrierung von Body-Elementen

Beitrag lesen

Hallo Ihr Lieben,

moin!
also viele werden hier wahrscheinlich noch schreiben, dass du dich von der Tabelle verabschieden solltest, da eine Tabelle für Tabellen ist und nicht für layout, aber ich lass das mal, da ich selbst gern mal Tabellen nutze ^^

und hier mein Stylesheet:

body {

margin: 300px 100px 10px 100px;

also links und rechts ist schonmal ein 100px breiter rand, welcher erstmal grundsätzlich NICHTS mit der zentrierten Positionierung zu tun hat
was ich persönlich immer mache, ist erstmal zu sagen, dass das komplette dokument auch erstmal tatsächlich 100% der breite des browserfensters einnehmen soll über html, body { width:100%; }
zumindest kann das schonmal ein grund sein, warum es nicht mittig gezeigt wird, andere mögen mich hier korrigieren

background-color: #000000;
background-image: url("back gscheid.gif");
background-repeat: repeat-y;
background-attachment:fixed;
background-position:-220px 50px;
}

table {
margin-left:auto;
margin-right:auto;
margin-top: -40px;
padding-top: 0px;
}

#wrapper {
background-color: transparent;
width: 1200px;
}

<!doctype html>  
<html>  
<head>  
<title>unserbandname</title>  
<link rel="stylesheet" type="text/css" href="stylesheet.css" />  
<meta name="date" content="2013-07-02To11:08">  
<meta name="author" content="meinname">  
</head>  
<body>  
<div id="wrapper">  
<table border="0" cellspacing="40" cellpadding="10" frame="void"></table>  
</div>  
</body>  
</html>

also der wrapper ist ein div, ein div ist standardmäßig ein blockelement, ergo nimmt es die volle breite des elternelementes ein, was ja der Body ist.

innerhalb des div sitzt nun ein weiteres element, in diesem fall die Tabelle.

WARUM sollte die Tabelle nun mittig im wrapper sitzen?
es gibt keinen grund für den browser dies zu tun
du könntest also im #wrapper-scc sowas wie text-align: center; verwenden, ich habe es zwar jetzt nicht geetestet, aber es sollte abhilfe schaffen (hoffe ich)

LG SorgenKind Mech