[CSS] przeciagniecie w pionie Opcje

[aliatic]

Witam!

Mam nastepujacy problem. Zrobilem sobie strone, gdzie w czesci top'u znajduja sie dwie kolumny (lewa i prawa). Wszystko bylo by fajnie, gdyby nie fakt, iz tlo w tej prawie kolumnie rozciagalo sie do konca w pionie. No ale tlo sie konczy za kazdym razem w miejscu gdzie jest ostatni tekst w tej kolumnie. No a w przypadku innych podstron w lewej czesci topu jest wiecej informacji w efekcie widok jest nastepujacy ...



... a chcialbym aby tlo rozciagalo sie do konca, az do footera (poziome tlo na samym dole powyzszego zdjecia). Stosowalem juz tlo w kolorze. Jak rowniez zdjecie rozciagane w pionie. No ale za kazdym razem efekt jest taki sam. Nie mam juz pomyslow, wiec prosze o pomoc w rozwiazaniu tego problemu. Ponizej podaje kody html i css. Moze gdzie zrobilem blad, ktorego nie widze. Dodam tylko, ze w przypadku obu kolumn w topie zastosowalem funkcje float, aby rozmiescic je obok siebie. No ale nie wiem czy ma to tutaj jakies znaczenie czy tez nie.

[HTML] pobierz, plaintext 
 
<div id="top">
	<div class="content">
    	<div class="column">
	<div id="prawa_kolumna">
        	<div class="box prawy lnews">
            	<h2>Ostatnie newsy</h2>            	
                <div class="news ostatni">
                	<h3>31.01.2011 r.</h3>
                    <p>Ostatni news ...</p>
                    <p class="wiecej"><a href="#">więcej ></a></p>
                </div>
            </div>
        	<div class="box prawy ankieta">
            	<h2>Ankieta</h2></br>
                <p>Pytanie?</p>
                <? include ('poll.php'); ?>
            </div>
        	<div class="box prawy newsletter">
            	<h2>Newsletter</h2>
                <p>Jeśli chcesz otrzymywać informację o aktualizacjach na stronie, proszę podać swój adres e-mail w poniższym polu.</p>
		<br />
		<form action="newsletter/zapisz.php" method="post">
			<input type="text" name="mail" size="20" maxlength="150" /><br />
			<input type="radio" name="akcja" value="add" checked="checked" /> Zapisz się |
			<input type="radio" name="akcja" value="del" /> Zrezygnuj<br />
			<input type="submit" value="Potwierdź" />
		</form>
            </div>
        </div>
    </div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#top #prawa_kolumna { margin: 0px; padding: 0px 0px 0px 65px;}
#top .box.prawy { width: 235px; padding: 28px 15px 10px; background: #f0f0f0 url(../images/prawa_kolumna_tlo.png) top repeat-y; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;}
#top .box.prawy.lnews .news.ostatni { font: 1.0em arial, tahoma, sans-serif; color: #2b2b2b;}
#top .box.prawy.lnews .news h3 { color: #3389b7; padding: 15px 0 0 15px;}
#top .wiecej { text-align: right;}
#top .wiecej a { text-decoration: none; font-weight: bold; color: #999; padding-right: 10px;}
[CSS] pobierz, plaintext 

z gory dziekuje za pomoc!

[korek_a]

podobna zasada

http://www.neuroticweb.com/recursos/3-columns-layout/