[css] table centrieren und cellspacing auf 0?

[Blakkeight]

Hi leute, ich finde absolut keine Funktion in CSS wo ich meine Tabelle Zentrieren kann, in HTML macht man es ja per align="center" aber ich kann ich es in CSS und einer Klasse machen?
Dann habe ich keine Funktion für das cellspacing="0" gefunden aber da muss es doch eine geben, könnt ihr mir da weiter helfen?


danke schon mal im vorraus!

[FF]

zentrieren geht bei mir mit

margin="0" auto

afaik musst du die cellspacing etc. befehle in den html teil schreiben.
ich wüßte da keinen befehl für.

[Blakkeight]

Ok danke das mit dem centrieren klappt.

Zu dem cellspacing befehl vlt meldet sich ja noch jemand dazu.

[Manni]

Guckst du hier!
Und es gibt das CSS-Attribut "border-spacing", das aber nicht in allen Browsern geht...

[Blakkeight]

Dankeschön! Es Funktioniert in FireFox aber nicht im IE aber das is ja egal.

[Maisaffe]

zentrieren geht bei mir mit

margin="0" auto

afaik musst du die cellspacing etc. befehle in den html teil schreiben.
ich wüßte da keinen befehl für.

...

<tag style="margin:0px auto;"></tag>
Geht das nicht im IE, benötigst Du noch eine breite:
<tag style="margin:0px auto;width:640px;"></tag>

[Blakkeight]

@dennis, ja die Breite habe ich sowieso drinne und trotzdem würd es im IE falsch angezeigt.

[Milchbox]

Machs doch einfach per text-align: center;

[Blakkeight]

Wenn es die Tabelle zentrieren würde und nicht den Text der da drinnen ist würde ichs ja machen!

[dead_orc]

Falls du das Problem noch nicht gelöst hast - so gehts auch im IE:

Code:

<div style="text-align: center; width: 100%;">
<table style="width: 30%; margin: 0px auto;">
<tr>
 <td>bla</td>
</tr>
</table>
</div>

(zumindest sollte es das, entscheidend ist der div-Container außenrum mit text-align: center; )

[Blakkeight]

Ich habe aber ne externe css datei, wie geht es denn da?

[FF]

<div class="diesetabelleda" >
<!-- tabelle -->
</div>


die css datei:

.diesetabelleda {
text-align: center;
width: 100%;
}

im grunde alles genauso.

[Blakkeight]

So siehts bei mir aus und es geht imo noch nicht.

Code:

.rahmen { border:#736E60 1px solid; border-spacing:0; margin:0px auto; width:500px;}