Box mit runden Ecken mit DIVs

[Gernot Back]

Hallo Rainer,

Ich kenn die "Box mit runden Ecken"-Lösung von Selfhtml (http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/), aber mal ehrlich: da hab ich zwar schönen und wenig Code, dafür aber vier dicke Bilder. Das stört mich, weil eigentlich brauch ich ja nur die vier kleinen Ecken, spart Ladezeit und Traffic»» merci!

Dann mach es doch statt mit vier ineinander verschachtelten DIV-Elementen, die jeweils eine Ecke und eine Kante gemeinsam zeigen, mit acht ineinander verschachtelten Elementen, die jeweil entweder Kante oder Ecke zeigen:

Zuerst verschachtelst du die Elemente mit den Kanten (jeweils ganz kleine Bilder mit repeat-x bzw. repeat-y wiederholt  (je nachdem) und dann kommen zum Schuss die Ecken dran mit no-repeat. Schlanker geht's nimmer, auch nicht mit Tabellen.

Gruß Gernot