Runde Ecken mit <div>-Boxen?

[Detlef G.]

Hallo marcel

Was mir an der Sache nicht so zusagt ist, dass sich die Grafiken nicht kacheln sondern einfach nur sehr groß sind und sich überschneiden.

Ohne überdeckende Grafiken funktioniert es nicht.
Auch bei gekachelten Kanten müssten die Ecken dann zusätzlich draufgesetzt
werden.

hat jemand eine Idee, wie man es umsetzten kann, dass die Eck-Grafiken in den Ecken der Box dargestellt werden und sich die Grafiken zwischen den Eck-Grafiken jeweils horizontal und vertikal durchkacheln, so dass die Box beliebig in der Größe skalierbar bleibt?

Du würdest doppelt so viele ineinandergeschachtelte Elemente benötigen und
doppelt so viele Grafiken.
Das halte ich aus mehreren Gründen für ungünstig:

• es werden noch mehr für den Inhalt unnötige Elemente verwendet
    (die Div-Suppe wäre endgültig perfekt)
• es müssen doppelt so viele Grafiken einzeln vom Server angefordert und
    geliefert werden (jeweils mit HTTP-Header)
• die größeren Grafiken, die selbst wiederholte Teile und große durchgehende
    Farbflächen enthalten, sind sehr gut komprimierbar, so dass die insgesamt
    übertragenen Datenmenge nicht größer sein muss, als bei vielen kleinen
    Einzelgrafiken
• manche Browser benötigen zur Anzeige vieler kleiner gekachelten Grafiken
    länger als für wenige große Grafiken
• inwieweit sich irgendwelche Browser bei zu vielen übereinandergelegten
    Hintergrundgrafiken verschlucken und mit Anzeigefehlern reagieren, habe
    ich noch nicht getestet (ich würde es auch nicht unbedingt drauf ankommen
    lassen)

Eine weitere _Un_lösung würde darin bestehen, die Kanten jeweils als
gekachelte Hintergrundbilder zu verwenden, die geschachtelten Elemente mit
position:relative zu versehen und die Eckgrafiken ins
HTML selbst zu schreiben und dann absolut zu positionieren.
Das sehe ich _nicht_ als Lösung an!
Der gröste Teil oben genannten Nachteile trifft hier auch zu, darüberhinaus
würden dann nicht nur bedeutungsleere Elemente zusätzlich ins HTLM
geschrieben sondern auch noch Grafiken, die nichts mit dem Inhalt des
Dokumentes zu tun haben, die nur Design sind.
In einem Browser, der CSS nicht vernünftig umsetzt, oder wenn die CSS-Datei
eventuell nicht ausgeleifert wird, hängen dann irgendwelche
zusammenhangslosen Ecken mitten im Browserfenster herum.

Auf Wiederlesen
Detlef