center a table

[Markus1982]

Hallo zusammen!

Ich habe in meiner html seite den folgenden code:

<table border="0" cellpadding="0" cellspacing="4" align="center">

Ich hätte aber gerne nur:

<table>

und den rest im Stylesheet.

Ich habe es bis jetzt so versucht:

table
{
 border: 0;
 cellpadding: 0;
 cellspacing: 4;
 vertical-align: center;
 with: 50%;
}

aber es funktioniert nicht.

Also meine Frage wie kann ich

border="0" cellpadding="0" cellspacing="4" align="center">

vom Stylesheet aus konfigurieren?

[Cheatah]

Hi,

Ich habe es bis jetzt so versucht:

CSS ist *keine* Abbildung von HTML-Attributen.

with: 50%;

Weder mit der, noch ohne die Hälfte.

aber es funktioniert nicht.

Kein Wunder. Du sollst ja auch nicht rumbrobieren, sondern nachschlagen.

Cheatah

[D.R.]

Hi,

Also meine Frage wie kann ich

border="0" cellpadding="0" cellspacing="4" align="center">

vom Stylesheet aus konfigurieren?

ja:

border="0"      = border:0 (auf td oder th)
cellpadding="0" = padding:0 (auf td oder th)
cellspacing="4" = border-spacing:4px
align="center"  = margin:auto

Aber: Versuche lieber ohne Layout-Tabellen zu arbeiten.

Einen schönen Sonntag noch!

[Markus1982]

Aber: Versuche lieber ohne Layout-Tabellen zu arbeiten.

Danke für deine Hilfe.
Es ist mein erster Stylesheet und an deinem Hinweis (ohne Layout-Tabelle) erkenne ich das ich wohl noch weit von einer guten Version entfernt bin.

Könntest du mir einen Hinweis geben, wie du das machen würdest.
(Ich will alles zentriert haben.

Danke.

[D.R.]

Hi,

Aber: Versuche lieber ohne Layout-Tabellen zu arbeiten.

Danke für deine Hilfe.
Es ist mein erster Stylesheet und an deinem Hinweis (ohne Layout-Tabelle) erkenne ich das ich wohl noch weit von einer guten Version entfernt bin.

Könntest du mir einen Hinweis geben, wie du das machen würdest.
(Ich will alles zentriert haben.

Ja kein Problem, ich würde aus HTML und body eine Tabelle, bzw. eine Tabellenzelle machen und dort alles zentrieren. Da der IE das noch nicht kann, muss man dort zwar noch mit geschätzten Werten für den Abstand noch oben arbeiten, aber ein IE-Nutzer will das ja nicht anders.
Ich hab dir mal ein Beilspiel hochgeladen.

Einen schönen Montag noch!

[Markus1982]

Ich habe versucht den Stylesheet so zu addaptieren:

html,body
{
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}

html
{
 display: table;
}

body
{
 /*color: #FF9900*/;
 background-color: #808080;
 display: table-cell;
 vertical-align: middle;
 /*font-family: "Times New Roman", Times, serif;*/
}

h1
{
 font-size: 40px;
}

table
{
 margin: auto;
}

td
{
 border: 0;
 padding: 0;
 /*font-family: "Times New Roman", Times, serif;*/
 /*font-size: 16px;
}

Die Tabelle ist jedoch immer noch linksbündig und nicht zentriert.
(im Internet Explorer)

Ich hoffe du kannst mir nochmal helfen.
Danke.

[Gunnar Bittersmann]

Hello out there!

Die Tabelle ist jedoch immer noch linksbündig und nicht zentriert.
(im Internet Explorer)

Dann handelt es sich um einen alten IE (<6) oder du belässt den IE im Quirk-Modus. [FAQ-zentriert] Das solltest du ändern. [SELHTML-DoctypeSwitch]

See ya up the road,
Gunnar

[D.R.]

Hi,

Die Tabelle ist jedoch immer noch linksbündig und nicht zentriert.
(im Internet Explorer)

Ich hoffe du kannst mir nochmal helfen.

Ja, der IE kann das noch nicht. Gescheite Browser wie Opera, Firefox, Mozilla, Konqueror, Camino, Netscape >4, Safari... dagegen schon. Wie gesagt, binde dür den IE einfach einen Schätzwert über eine Browserweiche ein und es wird auch bei IE-Nutzern noch einigermaßen dargestellt.

Ich würde aber nicht, zugunsten des IE, auf modernes CSS verzichten.

Einen schönen Mittwoch noch!

PS: Es wäre schön, wenn du dir das nächste mal nicht ganz so viel Zeit lässt.

[Gunnar Bittersmann]

Hello out there!

Ja, der IE kann das noch nicht. Gescheite Browser wie Opera, Firefox, Mozilla, Konqueror, Camino, Netscape >4, Safari... dagegen schon.

Wie gesagt, der IE 6 kann das auch. Ist der nun auch ein gescheiter Browser?

binde dür den IE einfach einen Schätzwert über eine Browserweiche ein

Wozu, wenn’s auch richtig[tm] geht?

See ya up the road,
Gunnar

[MudGuard]

Hi,

der IE 6 kann das auch. Ist der nun auch ein gescheiter Browser?

eher ein gescheiterter ;-)

cu,
Andreas

[D.R.]

Hi,

Ja, der IE kann das noch nicht. Gescheite Browser wie Opera, Firefox, Mozilla, Konqueror, Camino, Netscape >4, Safari... dagegen schon.

Wie gesagt, der IE 6 kann das auch. Ist der nun auch ein gescheiter Browser?

Der IE 6 kann display:table(-cell)? Das wäre mir neu. Aber der stirbt (laut diesem Forum) eh in ein paar Sekunden aus...

binde dür den IE einfach einen Schätzwert über eine Browserweiche ein

Wozu, wenn’s auch richtig[tm] geht?

Ja, mit richtigen Tabellen (also zusätzlichem Markup)

Einen schönen Donnerstag noch!

[Gunnar Bittersmann]

Hello out there!

Der IE 6 kann display:table(-cell)?

Nein, aber darum ging es hier auch nicht, sondern um

Die Tabelle ist jedoch immer noch linksbündig und nicht zentriert.

Das „und nicht zentriert“ bezieht sich in diesem Satz für mich eindeutig auf das vorangegangene „immer noch linksbündig“, also auf die horizontale Ausrichtung.

Sollte Markus1982 die vertikale Ausrichtung damit gemeint haben, hätte er sich anders ausdrücken sollen.

Ja, mit richtigen Tabellen (also zusätzlichem Markup)

Pfui!

Wie wichtig mir die vertikale Zentrierung in veralteten Browsern ist, hab ich vor ein paar Tagen gesagt: http://forum.de.selfhtml.org/archiv/2006/7/t133077/#m862058

See ya up the road,
Gunnar

[D.R.]

Hi,

Der IE 6 kann display:table(-cell)?

Nein, aber darum ging es hier auch nicht, sondern um

Die Tabelle ist jedoch immer noch linksbündig und nicht zentriert.

Das „und nicht zentriert“ bezieht sich in diesem Satz für mich eindeutig auf das vorangegangene „immer noch linksbündig“, also auf die horizontale Ausrichtung.

Nagut, wenn er es wirklich so meinen sollte, reicht natürlich ein margin:auto für das zu zentrierende Element.

Sollte Markus1982 die vertikale Ausrichtung damit gemeint haben, hätte er sich anders ausdrücken sollen.

Für mich war folgender Satz ausschlaggebund:
 "Ich will alles zentriert haben"

"alles" werte ich als horizontal und vertikal

Ja, mit richtigen Tabellen (also zusätzlichem Markup)

Pfui!

Wie wichtig mir die vertikale Zentrierung in veralteten Browsern ist, hab ich vor ein paar Tagen gesagt: http://forum.de.selfhtml.org/archiv/2006/7/t133077/#m862058

Gut, dann sind wir in diesem Punkt ja wenigstens einer Meinung.

Einen schönen Donnerstag noch!

[Gunnar Bittersmann]

Hello out there!

Beilspiel

Messer, Gabel, Schere, Licht ...
Auch mit Beilen spielt man nicht!!1

See ya up the road,
Gunnar

[Gunnar Bittersmann]

Hello out there!

vertical-align: center;

'center' ist kein gültiger Wert für die Eigenschaft 'vertical-align'. [CSS2 §10.8]

See ya up the road,
Gunnar

[Philipp]

Hallo,

Hello out there!

vertical-align: center;

'center' ist kein gültiger Wert für die Eigenschaft 'vertical-align'. [CSS2 §10.8]

Und so nebenbei bemerkt - du versuchst aus align="center" vertical-align: center; zu machen? Steh ich grad auffm Schlau? Dachte du willst das Ding horizontal zentrieren?

Gruß,
Philipp