Detlef G.: Runde Ecken mit <div>-Boxen?

Beitrag lesen

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

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!