08/15: DIV Box nur mit StyleSheets zentrieren

Beitrag lesen

Hallo TorstenA, hallo KD-one !!

Ergänze einfach noch ein margin-left:auto und ein margin-right:auto und es sollte mit der horizontalen Zentrierung funktionieren. Bei h2 gings doch auch so :-)
Hoffe es hilft
Torsten

Füg ich das ein, geht's jetzt zwar im N7, im MSIE aber nicht mehr !
Hab jetzt herausgefunden, daß es in Beiden gleichzeitig nur dann geht, wenn ich die Zentrierung über einen div-Tag vornehme :

<html><head><title></title>
<style type="text/css">
.center { text-align:center; }
.text { font-size:12px; }
.h1 { margin-left:auto; margin-right:auto; width:350px; background-color:#ffdddd; border:solid 1px black;}
.tabelle {  margin-left:auto; margin-right:auto; background-color:#ddeeff; border:solid 1px black; width:80%; height:80%;}
</style>
</head>
<body>
<div class="center"><h1 class="h1">Honi soit qui mal y pense !<div class="text">Redete es aus dem Div-Container !</div></h1>
<div class="center"><table class="tabelle"><tr><td class="center"><h2>N'est-ce pas !?<div class="text">Sprach die Tabelle</div></h2></td></tr></table></div>
</body></html>

Der Versuch das Attribut class="center" im table-Tag zu plazieren scheitert kläglich !
Ebenso der Versuch die Anweisung text-align:center; in der generischen Festlegung der Klassen .h1 und .tabelle zu plazieren !!
Was ist damit nun gewonnen !?
Es bleibt dabei : Früher war alles einfacher !!
Ergo : <table align="center">
;o)