Tillbaks till orginalproblemet:
Anledningen till att det inte fungerar är att relativ/absolute fungerar omvänt till vad man ofta tror.
Vad du behöver göra (även om designen också går att lösa med tabell eller float
är att sätta css för
bakg2 till:
Kod:
#bakg2 { position: relative; }
Därigenom blir
top: och
left: värdena i taggar inuti "boxen" relativa till sin "förändra(parent)-box" (dvs. divven bakg2). Annars blir elementen relativa till sin naturliga egna position, vilket oftast inte är vad man vill.
Se också till att sätta
position: absolute; för #vanster och #hoger så att de kommer på en exakt(=absolut) position i förhållande till den div/"box" som de befinner sig i.
Kod:
#vanster { width: 180px; height: auto; position: absolute; left: 40px; top: 0px; }
#hoger { width: 500px; height: auto; position: absolute; left: 230px; top: 0px;}
Lite klurigt men om man förstår hur detta hänger ihop så beter sig absolute/relative helt logiskt.