Witam,
mam pewien problem ze stroną osadzoną na <div>ach. Zawiera ona trzy kolumny ustawione obok siebie. Środkowa jest wypełniona tekstem i chcę aby się rozciągała w dół jeśli tego tekstu przybędzie jednocześnie lewa i prawa kolumna zawiera obrazek który jest "ramką" do tej środkowej i chcę aby te kolumny rozciągały się razem z środkową a te obrazki aby się powielały, w pionie oczywiście.

Wygląda to mniej więcej tak:

HTML:

[HTML] pobierz, plaintext 
<div id="lewyprawy">
	<div id="lewy"></div>
	<div id="srodek">
 
		<div id="aaam">tekst</a></div>
 
	</div>
	<div id="prawy"></div>
</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#lewyprawy {
height: auto;
}
 
#lewy {
width: 41px;
height: 100%;
float: left;
background: url(images/obrazek1.jpg);
background-repeat: repeat-y;
background-color: #163938;
}
 
#srodek {
width: 950px;
height: 100%;
float: left;
background-color: #ffffff;
}
 
#prawy {
width: 13px;
height: 100%;
float: left;
background: url(images/obrazek2.jpg);
background-repeat: repeat-y;
background-color: #163938;
}
[HTML] pobierz, plaintext 

Dałem wszędzie height 100% tylko tymczasowo, więc nie zwracajcie na to uwagi...
Chciał bym jeszcze dodać, że jesli usunę całkowicie wartości height to obrazki z lewej i rawej znikają...

Pozdrawiam,
pwnd

Musisz dodać div'a który będzie zawierał wszystkie 3 kolumny i będzie posiadał tło powtarzające się odrazu dla wsyztskich 3 kolum. Po trzech kolemnach jeszcze tylko div z strybutem: clear: boath;

hmm chyba rozumiem o co Ci chodzi i chyba tak spróbuję, ale jednak wydaje mi się, że powinien być jeszcze inny sposób gdzie grafiki można by przyporządkować oddzielnie dla każdej kolumny. Nie wiem jak to zrobić ale może jakoś zrezygnować z float: left; i ustawić je inaczej?