PowerBlog

Anstatt eine Grafik auseinander zu basteln und vier runde Ecken zu designen ergibt sich die Möglichkeit, runde Ecken über CSS zu realisieren.

Wer mal Webseiten gestaltet hat und immer und immer wieder die Ecken erstellt hat, wird mit diesem Beispiel schnell und ohne Probleme ans Ziel kommen.

Leider gibt es ein kleines Problem mit dieser Lösung, nämlich das der Microsoft Internet Explorer und diverse andere Browser wie Opera, welche mit dem CSS-Code nichts anfangen können, diesen ignorieren und keine runde Ecken anzeigen.

Hier ein kleines Beispiel:

Und noch mal ohne den CSS-Code:

Um das ganze zu realisieren einfach wie folgt vorgehen:
Der CSS-Code sollte folgendes beinhalten:

/* Die Classe für die runden Ecken */
.rundeecken {
/* Mozilla (FireFox) */
-moz-border-radius:10px;

/* Konqueror */
-khtml-border-radius:30px;

/* Allgemein */
-webkit-border-radius:10px;

}

Der Effekt kommt über den Aufruf:

was auch immer...