Sven Puschner
Grünschnabel
Hallo,
ich möchte gern einen Bereich mit runden Ecken erstellen, bei dem die Außenseite der Ecken jedoch transparent ist. Ich habe dem Container "content" einen Hintergrund zugewiesen der vertikal wiederholt wird - leider ab dem ersten Pixel :-(
Kann man einen oberen und unteren Abstand bei wiederholendem Background angeben oder weiß jemand eine andere Lösung?
Hier mein Ansatz:
Stylesheet:
Der Link zur Seite: www.spansberg.de
Vielen Dank schonmal für jede Hilfe!
MfG, der Sven
ich möchte gern einen Bereich mit runden Ecken erstellen, bei dem die Außenseite der Ecken jedoch transparent ist. Ich habe dem Container "content" einen Hintergrund zugewiesen der vertikal wiederholt wird - leider ab dem ersten Pixel :-(
Kann man einen oberen und unteren Abstand bei wiederholendem Background angeben oder weiß jemand eine andere Lösung?
Hier mein Ansatz:
Code:
<div id="content">
<div id="content-ol">
<div id="content-or">
<div id="content-ul">
<div id="content-ur">
[INHALT]
</div>
</div>
</div>
</div>
</div>
Stylesheet:
Code:
div#content { background:url('../images/Content-mitte.png') transparent repeat-y; }
div#content-ol { background:url('../images/Content-oben-links.png') transparent no-repeat top left; }
div#content-or { background:url('../images/Content-oben-rechts.png') transparent no-repeat top right; }
div#content-ul { background:url('../images/Content-unten-links.png') transparent no-repeat bottom left; }
div#content-ur { background:url('../images/Content-unten-rechts.png') transparent no-repeat bottom right; }
Der Link zur Seite: www.spansberg.de
Vielen Dank schonmal für jede Hilfe!
MfG, der Sven
Zuletzt bearbeitet: