Archief - CSS: Probleem positioneren van design

Beste vrienden

Ik heb onlangs een vijf tal daagjes bezig geweest met in photoshop een design te maken, dat te slicen en om te zetten naar css.
Uiteraard volstaat de css van imageready niet aangezien deze alles absolete op x y waarden zet.

Het gaat om deze website:
http://www.realrealms.com/V2/

Mijn probleem: ik zou graag weten hoe ik de 2 zijkanten (die nu gestrecht staan tot tegen de browser rand aan de onderkant), laat aansluiten aan de onderste prentjes om het design te vervolledigen.
Momenteel staan die onderste prentjes nog absolute. Zoals je kan zien, als de tekst meer wordt, dan volstaat het niet meer. Aangezien de website niet volledig mee stretcht.

Ik heb al wat informatie gezocht op internet maar geraak er niet goed uit.
Gelieve mij een duwtje in de rug te geven hoe ik dit het beste en veiligste oplos.

Alvast bedankt voor jullie antwoorden
Arcko D

*Bump*

Ik heb gisteren wat zitten nadenken en ik heb de indruk dat ik alles relative tov elkaar hoef te zetten zodat alles constant tegen elkaar geplakt wordt.
Desalnietemin zit ik dan wel vast met het "opvullen" van de prentjes die het design laten aasluiten aan de randen. (bovenaan, onderaan, links & rechts) Momenteel zijn er 4 velden die ervoor zorgen dat het design aan elkaar past. Een div met een repeating background.

PS: ik ben niet op zoek naar iemand die de oplossing geeft maar mij wel een beetje uitlegt WAT ik moet doen (relative, absolute, beide, ...)

die site komt er bij mij niet door, dus veel zien doe ik niet

Mijn excuses, ik heb juist gemerkt dat onze webserver even platligt.
Ik hem website geüpload naar mijn persoonlijke webspace.

Je kan dus nu ook hier terecht: http://www.arckodrazen.com/V2/

Holy crap wat een code . Arcko, the key to css is om te beginnen dat je verschillende lagen OVER elkaar kan zetten!

Het probleem van uw background is rap opgelost: je snijdt gewoon een 1pixel hoge cutout uit de balk rechts en links, zet ze in de correcte divs als background en geeft ze een repea-y mee =).

Momenteel is dat zo gebeurd. 1px background image in divs die een top en bottom hebben.
Code moet nog geoptimaliseerd worden.
Ik wil dat heel het onderste deel onder de tekst geplakt wordt wanneer de tekst groter is dan het design.

Ik weet dat je css over elkaar kan plaatsen maar je moet mij eens uitleggen waarom ik dat zou moeten doen

Tuurlijk: omdat je dan hopen lijnen code bespaart. Je hebt nu 20 divs, waar het er gemakkelijk een zestal kunnen zijn . Niet alleen is dat lichter om te laden, het is nog eens een pak overzichtelijker ook...

Ben het aan het aanpassen maar vind het wel moeilijk
Mijn header ziet er nu zo uit:
(Logo links + banner) + filler (1px) + banner
Knoppen komen er dan met een div die op dat rechtse uitloopstuk staan.

Ben nu aan het prutsen als een gek om die header zo te krijgen zoals in deze post

EDIT: ik zit nu hier: http://www.arckodrazen.com/V2/

Iemand een idee hoe ik die 2 zijkanten laat verlengen tot aan de footer? 1 ziet er wel goed uit, maar komt door aantal tekst