DIV`s positionieren

[hunter09]

Hallo,

ich würde gerne meine Seite so gestalten, dass links und rechts jeweils eine andere Grafik erscheint. Diese sollen sich in der Mitte dann treffen. So das Grafik eins vom linken rand bis zur mitte gehen und das Grafik zwei von rechs bis zur mitte geht. Die Grafiken Sind einfarbig so das sich diese mit repeat-x ruhig wiederholen können. Das ganze soll sich dann an das Browserfenster anpassen wenn das fenster größer als 940px ist (das soll die mindestgröße sine, dann wird gescrollt <-- dass ist auch gar nicht das problem, sondern dass die grafiken sich links und rechts dynamisch anpassen sollen.)

Ich hofef ich habe mich verständlich ausgedrückt und mir aknn jemand helfen.

Viele Grüße

 

[ein schlauer]

Wozu dienen einfarbige Grafiken? warum nimmst du nicht einfach eine Hintergrundfarbe?

 

[kkapsner]

Über absolute Positionen und left bzw. right : 50% kannst du die Elemente positionieren, aber einfarbige Bilder sind wirklich nicht so wirklich sinnvoll...

 

[hunter09]

danke für euere Antworten.
Die Grafiken sind nicht ganz einfarbig, da habe ich mich falsch ausgedrückt. Die Grafik hat 3 Farben. Oben, mitte und unten.

<div id="oben">
<div id="links"></div>
<div id="rechts"></div>
</div>

css//

#links {
position: absolut;
left: 50%;
background: url...
}

#rechts {
position: absolut;
right: 50%;
background: url...
}

Habe ich das richtig verstanden?

 

[ein schlauer]

danke für euere Antworten.
Die Grafiken sind nicht ganz einfarbig, da habe ich mich falsch ausgedrückt. Die Grafik hat 3 Farben. Oben, mitte und unten.

Das ist genauso Sinnlos, Farben kannst du ohne Probleme mit CSS darstellen, dafür Grafiken zu verwenden ist nicht notwendig.

 

[kkapsner]

Wenn du etwas mit "right: 50%" positionierst (d.h. die Positon des rechten Randes ist 50% vom .offsetParent rechten Rand entfernt), dann ist es auf welcher Seite?