CSS Kochbuch

3.16 Abgerundete Ecken (Sliding Doors-Technik)

Problem

Sie möchten Spalten, deren Breite variieren kann, mit abgerundeten Ecken versehen.

Lösung

Verwenden Sie die Sliding Doors-Technik, die von Douglas Bowman bekannt gemacht wurde.

Erstellen Sie das Grundlayout für die Spalten (siehe Abbildung 3-32).

Abbildung 3-32. Das Grundlayout für die Spalten

Dann erstellen Sie für jede der einzelnen Ecken eine separate Grafik wie die in Abbildung 3-33.

Abbildung 3-33. Das Design für die Spalte wird in vier Grafiken aufgeteilt.

Umgeben Sie den Inhalt der Spalte mit zusätzlichen ...