✔ Hintergrundgrafiken für Ränder und Ecken einer Div-Box

[Stummi]

Heyho,
Folgendes Problem:
Ich habe eine Div-Box und möchte den Hintergrund der Box aus 9 Grafiken zusammenbasteln:

- 4 Grafiken für je eine Ecke.
- 4 Grafiken für die Kanten oben, unten, links und rechts. Die sind nur ein paar pixel groß und sollen wiederholt werden.
- 1 Grafik, die in der Mitte, also im Hauptbereich gekachelt dargestellt werden soll.

Bis jetzt fallen mir 2 Wege ein:
- 9 Divs übereinanderlegen, und jede box enthält einen teil des hintergrunds.
- Das ganze mit einer Tabelle mit hintergrundgrafiken für die einzelnen zellen realisieren.
Beide Wege kommen mir aber recht dirty vor.

Gibt es eine saubere Möglichkeit, sowas zu realisieren?

Grüße,
Stummi

 

[Maik]

Hi,

in dem Artikel 25 Rounded Corners Techniques with CSS solltest du das Passende für Dich finden.

mfg Maik

 

[Maik]

CSS Transparent Frame entspricht deiner Anzahl an einzusetzenden Grafiken.

Hierbei werden die DIVs nicht, wie von dir angenommen, übereinandergelegt, sondern ineinander verschachtelt.

mfg Maik

 

[Stummi]

CSS Transparent Frame

Hoi.
Ich kann mir nicht wirklich vorstellen, dass das allgemeinhin als sauber gelten soll. Aber ich habe noch nicht viel mit css gemacht, kann also vlt schwer beurteilen, was "sauber" und "unsauber" ist.

Der Link in deinem ersten Beitrag enthält allerdings ein paar vielversprechende Artikel, ich werd die mir heute mal durchsehen.

Danke,
Stummi

 

[Maik]

Ich kann mir nicht wirklich vorstellen, dass das allgemeinhin als sauber gelten soll.

Der Zweck heiligt die Mittel, und das Markup wird vom w3c-Validator nicht bemängelt.

mfg Maik