Div-Suppenkonstrukte oder design-images..

[Detlef G.]

Hallo Melanie

Bei der Umsetzung kann ich mich gerade schwer entscheiden: sollten diese  abgerundeten Ecken besser rein mit CSS gelöst werden, also als Hintergrundbilder? Favorisiere ich. Aber die Folge sind div-suppen, bzw. schon sehr viele div-konstrukte. Vor allem wenn das layout schön flexibel bleiben soll und sowohl in die Breite als auch Höhe mitwächst.

Leider werden, je nachdem, in welche bzw. in wie viele Richtungen die
Boxen flexibel sein sollen, zusätzliche Elemente benötigt.
Es müssen aber auch nicht immer so viele zusätzliche Divs sein, wie in dem
Artikel: Runde und andere Ecken für skalierbare Boxen.
Die Hintergrundbilder lassen sich oft (zumindest teilweise) auch  Elementen
zuweisen, die auch ohne die runden Ecken verwendet würden.

Der andere Weg wäre diese gifs einfach in den quelltext einzubinden. Weniger divs, weniger css.

Dafür viele Grafiken im Quelltext, die bei einer csslosen Anzeige der
Seite sinnlos in der Gegend herumhängen, die in ansonsten unnötige
Tabellen geschachtelt sind oder/und das Layout starr machen, bei einer
anderen Schriftgröße, einem anderen Zeilenumbruch plötzlich nicht mehr
wirklich zusammenpassen oder/und aufwendig mittels CSS positioniert sind.

Aber ich sträube mich irgendwie dagegen vom inhalt her bedeutungslose designbilder in den Quelltext zu binden, entspricht ja auch nicht dem Gedanken Strikte Trennung von Layout und Inhalt oder??

Auch zusätzliche geschachtelte Elemente, die dann die Hintergrundgrafiken
aufnehmen, entsprechen nicht unbedingt diesem Gedanken, kommen ihm aber
wesentlich näher, als festeingebaute Designgrafiken.
Diese Elemente bilden nicht ein bestimmtes Design sondern bilden den (leider
noch) notwendigen Rahmen um das gewünschte (und bei Bedarf auch ein ganz
anderes) Design umzusetzen.

... Was meint ihr?

Ich würde die Variante mit den Hintergrundbildern vorziehen, dabei aber
anhand der HTML-Struktur genau überlegen, welche der vorhandenen Elemente
ich dafür bereits verwenden kann, und wie viele ich unbedingt zusätzlich
einfügen muss.

Auf Wiederlesen
Detlef