Tabellenrahmen

[Suona]

Hallo,

wie erstelle ich einen Tabellenrahmen mit abgerundeten Ecken?
Gibt es da in CSS oder HTML die Möglichkeit, dem "border" eine Eigenschaft zu geben?

Gruß

[Ole]

Hi

wie erstelle ich einen Tabellenrahmen mit abgerundeten Ecken?
Gibt es da in CSS oder HTML die Möglichkeit, dem "border" eine Eigenschaft zu geben?

In CSS3 ist soetwas vorgesehen, nur unterstütz das noch kein browser. Solange mußt du wohl mit z.B. diesem Workaround vorlieb nehmen.

so long
Ole
(8-)>

[Vinzenz Mai]

Hallo

wie erstelle ich einen Tabellenrahmen mit abgerundeten Ecken?
Gibt es da in CSS oder HTML die Möglichkeit, dem "border" eine Eigenschaft zu geben?

In CSS3 ist soetwas vorgesehen,

http://www.w3.org/TR/css3-background/#the-border-radius

nur unterstütz das noch kein browser.

Immerhin gibt es bereits die proprietäre CSS-Eigenschaft

-moz-border-radius

  
table.special {  
  border: 1px solid black;  
  -moz-border-radius: 10px, 10px;  
}  

Funktioniert in akuellem Firefox wunderbar.

Freundliche Grüße

Vinzenz

[rob]

Funktioniert in akuellem Firefox wunderbar.

Ja, und ansonsten muß man halt basteln. Dann nimmt man eben nicht die border-Eigenschaft, sondern legt Hintergrundbilder mit abgerundeten Ecken hinter die Tabelle.

Gruß, rob

[Suoan]

Funktioniert in akuellem Firefox wunderbar.
Ja, und ansonsten muß man halt basteln. Dann nimmt man eben nicht die border-Eigenschaft, sondern legt Hintergrundbilder mit abgerundeten Ecken hinter die Tabelle.

Problem ist halt, dass sich der Hintergrund dem Content immer anpassen soll.... bzw bei weniger Content dann eine Mindestgröße haben soll...

[Detlef G.]

Hallo Suoan

Ja, und ansonsten muß man halt basteln. Dann nimmt man eben nicht die border-Eigenschaft, sondern legt Hintergrundbilder mit abgerundeten Ecken hinter die Tabelle.

Problem ist halt, dass sich der Hintergrund dem Content immer anpassen soll....

Hast du dir den Link von Ole angesehen?
Du könntest dir auch mal Runde und andere Ecken für skalierbare Boxen ansehen.

bzw bei weniger Content dann eine Mindestgröße haben soll...

Da könnte dir min-height helfen und für den IE height.

Auf Wiederlesen
Detlef

[Gunnar Bittersmann]

Hello out there!

table.special {
  border: 1px solid black;
  -moz-border-radius: 10px, 10px;
}

Funktioniert in akuellem Firefox wunderbar.

... mit eckigen Ecken. Gefragt waren doch aber abgerundete ...

Das Komma muss weg. Und wenn die Angaben gleich sind, reicht auch eine.

See ya up the road,
Gunnar