nicht angemeldet
Tabelle zentriert ausrichten
Hallo Forum,
ich versuche mit Hilfe von CSS eine Tabelle auf einer Seite zu zentrieren. Ich bekomme es allerdings nicht hin, dass Opera und
Netscape die Tabelle auch zentriert darstellen.
Mein Ansatz sieht folgendermaßen aus:
...
<div style="text-align:center; padding:20px; border:thin solid red; margin:25px">
<table>
<tr>
<td>
Haha
</td>
</tr>
</table>
</div>
...
Wäre schön, wenn mir jemand auf die Sprünge hilft.
Gruß, Mark
-
Hi,
ich bin mir nicht sicher, aber meinst Du vielleicht:<table width="100%" height="100%">
...
...Gruss
Sky.-
Hallo,
Hi,
ich bin mir nicht sicher, aber meinst Du vielleicht:<table width="100%" height="100%">
...das ist sicher eine Möglichkeit, eine Tabelle mit Hilfe einer weiteren 100%-Tabelle zu zentrieren. Ich suche lediglich nach einer eleganteren Lösung und dachte es müsse auch CSS funzen.
Gruß, Mark
-
-
Hallo,
Mit 'text-align' richtet man, wie der Name schon sagt, Text aus, keine Blöcke. Dafür benutzt man 'margin' (zum Zentrieren 'margin: auto;'). Da manche IE-Versionen dazu zu dumm sind, braucht man doch noch ein 'text-align'.
Folgendes sollte in allen modernen Browsern funktionieren:
<div style="texta-lign: center;">
<table style="margin: auto; text-align: left;">
...
</table>
</div>Gruß, Jan
-
Servus,
<div style="texta-lign: center;">
<table style="margin: auto; text-align: left;">
...
</table>
</div>yeap, jetzt funzt es. Ich danke Dir und auch den Anderen, die sich die Mühe gemacht haben.
Gruß, Mark
-