Problem z umieszczeniem warstw

[Dombas]

Witam,

Staram się zrobić coś takiego:

https://img87.imageshack.us/img87/6359/divy.jpg

Generalnie chodzi o to żeby umieścić dwie warstwy obok siebie (w nagłówku) tak żeby były te paski po bokach nie zależnie od rozdzielczości. Paski po prawej lewej stronie są inne, dlatego odpada zastosowanie background-image i repeat-x w body. Na te dwie warstwy muszę położyć resztę strony tak żeby paski zeszły się z motywem w środku.

Górna część to nie problem. Zrobiłem css:

#gora_lewa {
width: 50%;
height: 227px;
background-image: url(goralewa.png);
background-repeat: repeat-x;
float: left;
}

#gora_prawa {
width: 50%;
height: 227px;
background-image: url(goraprawa.png);
background-repeat: repeat-x;
float: right;
}

i dalej w HTML:

<div style="width: 1000px; margin: 0 auto;"><div style="position: absolute; width:1000px; margin-top: 20px;"><img src="logo.jpg" /></div></div>
<div id="gora_lewa"></div><div id="gora_prawa"></div>

Ale podobny motyw musi być na dole przy stopce. I tutaj pojawił się problem... Próbowałem z position: absolute, ale środkowa część na każdej z podstron będzie miała inną wysokość, a pozycjonuje mi przez cały czas względem górnego brzegu przeglądarki. Szukałem na innych stronach, kursach, etc. ale nie natknąłem się na żadną podpowiedź. Zapewne da się to zrobić w jakiś sprytny sposób, ale nie mogę go zauważyć.

Pomożecie?

[wanq]

Nie testowałem ale przychodzi mi na myśl coś podobnego: pozycję absolutną ustawiasz dla #gora_prawa oraz #gora lewa,

dla #gora_lewa {background: ur(...) top left; } #gora_prawa {background: ur(...) top right; }

Wrzucasz całą stronkę (oprócz stopki, która ma mieć po prawej i po lewej tło 50%) do głównego diva, a stopkę wrzucasz do diva znajdującego się pod głownym. Następnie robisz tak jak u góry.