Tabelle mit Schatten und runden Ecken

Halli Hallo,

ich möchte eine Tabelle mit einem Schatten und runden Außenecken versehen. Dazu habe ich den untenstehenden script geschrieben. Der Schatteneffekt wird auch problemlos wiedergegeben. Aber runde Ecken sind nicht zu realisieren. Weder mit dem IE, noch mit FF oder chrome. das einzige was rund wird, sind die Schatten an den Außenrändern. Wißt Ihr, woran das liegt? Eigentlich brauche ich eine Routine, bei der nur die vier Außenseiten der äußeren Tabelle abgerundet sind.

a:link { color:#2543CF; }
a:visited { color:#2543CF; }
a:active { color:#2543CF; }
.boxshadow {
display: inline-block;
-moz-box-shadow: 3px 4px 6px #6e6e6e; /* Schatten für Firefox */
-webkit-box-shadow: 3px 4px 6px #888888; /* Schatten für Safari, Chrome */
-khtml-box-shadow: 3px 4px 6px #888888; /* Schatten für Konqueror */
box-shadow: 3px 4px 6px #6e6e6e; /* Schatten für CSS3 */

-moz-border-radius:10px; /* Runde Ecke für Firefox */
-webkit-border-radius:10px; /* Runde Ecke für Safari, Chrome */
-khtml-border-radius:10px; /* Runde Ecke für Konqueror */
border-radius:10px; /* Runde Ecke für CSS3 */

}

 
 

 

Frage am Rande

Passt das? Und das mit CSS3?

Wäre da eine aktuelle HTML5 oder XHTML-Deklaration nicht vonnöten?

Gruß

Stefan

Hi Stefan, Doctype benötige ich, da sonst einige CSS Routinen nicht mit dem IE funktionieren.

Aber auch ohne Doctype, funktioniert das mit den Runden Ecken nicht!

Passt das? Und das mit CSS3?

Wäre da eine aktuelle HTML5 oder XHTML-Deklaration nicht
vonnöten?

Hi,

gemeint war nicht das Weglassen des DOCTYPE, sondern dass Du hier die Browser in den quirks mode schickst.
HTML 5 oder XHTML ist nicht erforderlich, aber ein vollständiger DOCTYPE mit Angabe der DTD könnte vielleicht helfen.

Gruß
Ingo