CSS: background: mehrere Werte möglich?

[Josh]

Hallo alle

Ist es möglich, für background mehrere Werte und Flussrichtungen anzugeben?

Ich möchte nämlich einen Hintergrund, welcher links oben und rechts oben abgerundet ist. Dazu muss ich 3 Bilder erstellen: bg_links, bg (tileable) und bg_rechts.
Mit Tabellen wäre das kein Problem (ich würde einfach 3 Spalten erstellen), aber bei Divs muss ich auf das CSS Attribut background zurückgreifen und es theoretisch 3x anwenden können:

CODE
div {
background:url(bg_links.gif);
background-repeat:none;
background-position:left;

background:url(bg.gif);

background:url(bg_rechts.gif);
background-repeat:none;
background-position:right;
}



Dies geht so aber natürlich nicht. Hat mir wer evtl. einen Tipp? Danke.

Grüsse
Josh

 

[Joel]

Geht nicht, du kannst aber natürlich 3 DIVs übereinander machen.

So ungefähr:

CODE
<div style="background:url(1.gif)">
<div style="background:url(2.gif)">
<div style="background:url(3.gif)">
</div>
</div>
</div>

 

[Josh]

Jo das habe ich mir auch schon überlegt, aber finde es irgendwie dämlich... ;-)
Aber wenn es nicht anders geht... :-/

 

[Nancy L Henderson]

wäre es da nicht besser einfach die grafik über eine ID einzufügen und entsprechend zu positionieren? Oder warum is ein Div der nur für die Hintergrundgrafik gut ist in dem Fall besser?

was ich meine in etwa so:

CODE
<style type="text/css">
#eckelinks {
/* positions angabe */
}
# eckerechts {
/* psitions angaben */
}

#main {
background:url(bg.gif);
}
</style>

<div id="main">
<img src=".." id="eckelinks" />
<img src=".." id="eckerechts" />
</div>

 

[Guest]

Wie Manuel schon geschrieben hat. Die beiden Ecken kannst du ja mit z-index über das viereckige Haupt Div legen.

 

[Josh]

Es ginge mir darum, dass ich alles in CSS auslagern kann, und zwar nichts manuell in HTML machen muss. Die Regel lautet also: "Erstelle 1 Div und gib ihm einen tollen Hintergrund". Scheinbar geht das aber nicht mit abgerundeten Ecken, ausser man hat eine exakte Breite.

Danke nochmals und Grüsse
Josh