Saugkraft
Aktives Mitglied
Thread Starter
- Dabei seit
- 20.02.2005
- Beiträge
- 8.998
- Reaktionspunkte
- 3.190
Hallöchen,
mich würde mal interessieren, wie ihr folgende Problemstellung umsetzen würdet:
Ich will auf einer Seite ein <div> unterbringen, das einen grafischen Rahmen hat. Ich erstelle in Photoshop also z.B. ein Quadrat mit blauem Rahmen, das mir auf der Seite als Umrandung für das <div> dienen soll.
Eine Möglickeit wäre, die komplette Grafik per CSS als background-image für das <div> zu definieren. Nachteil: ich bin mit dem Inhalt des divs an die Höhe der Grafik gebunden. Weil die Grafik ja eine vorgegebene Höhe hat.
Zweite Variante: ich teile die Grafik in drei Teile auf. Den oberen Teil (oben.gif), eine 1px hohe Grafik aus dem Mittelteil (mitte.gif) und den unteren Teil (unten.gif). Dann setze ich drei divs wie folgt übereinander:
Mir scheint die zweite Lösung praktikabel zu sein. Oder gibt es noch eine schickere Variante?
mich würde mal interessieren, wie ihr folgende Problemstellung umsetzen würdet:
Ich will auf einer Seite ein <div> unterbringen, das einen grafischen Rahmen hat. Ich erstelle in Photoshop also z.B. ein Quadrat mit blauem Rahmen, das mir auf der Seite als Umrandung für das <div> dienen soll.
Eine Möglickeit wäre, die komplette Grafik per CSS als background-image für das <div> zu definieren. Nachteil: ich bin mit dem Inhalt des divs an die Höhe der Grafik gebunden. Weil die Grafik ja eine vorgegebene Höhe hat.
Zweite Variante: ich teile die Grafik in drei Teile auf. Den oberen Teil (oben.gif), eine 1px hohe Grafik aus dem Mittelteil (mitte.gif) und den unteren Teil (unten.gif). Dann setze ich drei divs wie folgt übereinander:
Code:
<div style="background-image: url(oben.gif); background-repeat: norepeat;"></div>
<div style="background-image: url(mitte.gif); background-repeat: repeat-y;">Hier steht der Inhalt...</div>
<div style="background-image: url(unten.gif); background-repeat: norepeat;"></div>
Mir scheint die zweite Lösung praktikabel zu sein. Oder gibt es noch eine schickere Variante?