skapa en #wrapper som är relativt positionerad. Lägg in #header med absolut position. Lägg in en #mainpage under header med absolut psition och wrapperns bredd. I mainpage lägger du #left som bör ha fast vidd (här får du räkna pixlar), left skall flyta till vänster {float: left;} Sedan #center med fast vidd och som flyter till vänster. Sist lägger du in #right som har fast vidd (räkna pixlar) och som också flyter till vänster. Skapa en bakgrundsbild till #mainpage som har mainpages bredd och repeterar sig. Vill du sedan ha en #footer tänk på att ta med {clear: both;}
Om vänster och högerkolumnen bara ska visa bakgrundsbilder, är det bättre att baka in dessa i bakgrundsbilden för <BODY>. Då behöver du inga extra <DIV> och din layout blir då väldigt enkel.
Problemet är det att det skiljer sig på vänster och höger sida!!!!
Bakgrundbilderna är olika, det är det som skapar problemen, det blir svårt att få detta centrerat ordentligt på alla olika skärmupplösningar som används.
Trodde att det skulle gå smidigt med divvar, men det visade sig inte vara så!
Jo, men om du ska ha en fast bredd på innehållet borde det inte innebära något problem att lägga en bakgrundsbild i <BODY> som är centrerad.
Kolla in background-position i CSS.
Beroende på hur bakgrunden ska se ut, får du repetera den i y-led eller använda en stor bakgrundsbild som inte repeteras alls och fixera den.
