[CSS] Pozycjonowanie i rozciąganie tła Opcje

[SirZooro]

Hej,
Mam szablon strony który w przybliżeniu wygląda tak:
(IMG:http://img509.imageshack.us/img509/3277/stronach5.jpg)
Na górze jest pasek (niebieska część) który ma się w założeniu rozciągać na całą szerokość przeglądarki. Gdyby był on jednolity i dałoby się wyciąć fragment o szerokości 1px, to można by go powielić jako tło i nie byłoby problemu. Niestety pasek ten składa się z ukośnych linii, więc najmniejszy powtarzalny fragment jest szerszy (konkretnie 5px). Dlatego trzeba go dokładnie dopasować do środkowej części bo inaczej będzie to nieładnie wyglądać. Z ustawieniem tła w odpowiedniej pozycji umiem sobie poradzić - wystarczy użyć stylu background-position: right dla lewej części (prawa się sama ustawia dobrze) Niestety nie mam pomysłu jak zrobić aby środkowa część miała stałą szerokość, a tło powtórzyło się po bokach. Można użyć tabelki do tego, ale wolałbym tego uniknąć i zrobić całość na divach (lub w inny sposób).

Pytanie zatem brzmi: jak ustawić obok siebie w wierszu trzy divy, tak aby środkowy miał stałą szerokość, a dwa boczne rozciągnęły się tak aby dopasowały się do szerokości obszarów po bokach strony?

[vokiel]

No to niebieski div jako jeden, a na nim zielony.

[HTML] pobierz, plaintext 
<style type="text/css" >
#wrapper {
	width: 100%;
	background: transparent url(top_bg.jpg) repeat-x top left;
	height: 50px;
}
#main {
	width: 750px;
	margin: 0 auto;
	background: blue;
}
</style>
 
<div id="wrapper">
	<div id="main">
		tutaj cała treść
	</div>
</div>
[HTML] pobierz, plaintext 

Można tak, albo ustawić div'a z niebiskim tłem z tyłu, a tego zielonego na wierzchu (z-index).