[CSS]Automatyczne dostosowanie wysokości diva Opcje

[noo-noo]

Witam. Mam problem ze złożeniem strony w CSS. Standardowo mam prawą kolumnę, lewą kolumnę, a pomiędzy nimi mam pionową linię, która oddziela te dwie kolumny.

Kod CSS mam w takiej postaci:

[HTML] pobierz, plaintext 
#srodek_C{
  	width:800px;
  	background-color: #fff;
  	margin:0 auto;
  	padding:0px;
  	overflow:hidden;
}
 
#lewa{
  	width:250px;
  	background-color: #fff;
  	float:left;
  	margin:0px;
  	padding:0px;
  	overflow:hidden;
}
 
#srodek{
  	width: 3px;
  	float: left;
  	background-repeat: repeat;
  	overflow:hidden;
}
 
#srodek_a1{
  	width: 3px;
  	height:10px;
  	background-color: #fff;
  	float: left;
  	background-repeat: repeat;
}
 
#srodek_a2{
  	width: 3px;
  	float: left;
  	height:200px;
  	background-image: url(../img/srodek.gif);
  	background-repeat: repeat;
  	overflow:hidden;
}
 
#prawa{
  	width:546px;
  	background-color: #fff;
  	float:left;
  	margin:0px;
  	padding:0px;
  	border: 0px;
  	overflow:hidden;
}
[HTML] pobierz, plaintext 

w pliku html wpisuję:

[HTML] pobierz, plaintext 
<div id="srodek_C">
      <div id="lewa">aa<br /> bb<br /> cc<br /> dd<br /> ee<br /> ff<br /> gg<br /> hh<br /> ii<br /> jj<br /> kk<br /> ll</div>
      <div id="srodek">
      		<div id="srodek_a1"></div>
      		<div id="srodek_a2"></div>
      </div>
      <div id="prawa"></div>
    </div>
[HTML] pobierz, plaintext 

Problem jest w tym, że gdy wpisuję jakiś tekst w prawej lub w lewej kolumnie to pionowa linia się nie pojawia. Gdy wpiszę wysokość na "na sztywno" wówczas wszystko jest ok. Jak zrobić aby pionowa linia dopasowywała się względem tekstu?

Ten post edytował noo-noo 16.01.2010, 20:22:36