Witam.

Mam problem - mam 2 div'y o różnych wysokościach - oba są ustawione na automatyczną długość ale mają różną treść (w jednym jest więcej) i jeden jest dłuższy od drugiego.
Jak je wyrównać automatycznie?

Zastosowałem też skrypt:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
	var kolumnaPrawa =  $("div#TRESC").height();
	var kolumnaLewa = $("div#MENU").height();
 
	if (kolumnaLewa > kolumnaPrawa)
	{
		$("div#TRESC").css({'height' : kolumnaLewa});
	} 
	else
	{
		$("div#MENU").css({'height' : kolumnaPrawa});
	};
});
</script>
[HTML] pobierz, plaintext 

Ale dziwnym trafem jeden z nich nie jest dociągnięty do końca...

Jak to zrobić?

To mój css:

[HTML] pobierz, plaintext 
#TRESC{
    width       : 677px;
    overflow  	: auto;         /* SUWAKI */
    float       : left;
    text-align  : justify;      /* justowanie tekstu */
    background  : white;
    height      : auto;
    font-family : Arial, sans-serif;
    font-size   : 14px;
    color       : #000000;      /* kolor czcionki */
    margin-left : 20px;
    margin-top  : 20px;
    margin-bottom: 20px; 
}
#MENU {
    width       : 200px;       /* szerokość */
    background  : white;
    float       : left;
    height      : auto;
	/*background  : #F3D9D4;*/
	border-right: 1px solid #84141D;
	background-color: #84141D; 
}
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#kontent {
	background: #f00;
}
#prawa {
	margin-left: 150px;
	background: #0f0;
}
#lewa {
	width: 150px;
	float: left;
	background: #f00;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div  id="kontent">
				<div id="lewa">
				lalalalalalalala
				</div>
 
				<div id="prawa">
				lalalalalalalalal   <br> <br> <br> 
				</div>
		</div>
[HTML] pobierz, plaintext 

Po co Ci JS?

W Twojej wersji to działa - czemu to nie działa w mojej?

strona

[HTML] pobierz, plaintext 
<div id="KONTENER">
   <div id="MENU">
   </div>
   <div id="TRESC">
   </div>
</div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#KONTENER {
    margin      : auto;         /* wycentrowanie calej strony */
    width       : 900px;       /* szerokość */
	/*background  : #F3D9D4;*/
}
 
#MENU {
    width       : 200px;       /* szerokość */
    background  : white;
    float       : left;
    height      : auto;
	/*background  : #F3D9D4;*/
	border-right: 1px solid #84141D;
	background-color: #84141D;
}
 
#TRESC{
    width       : 677px;
    overflow  	: auto;         /* SUWAKI */
    float       : left;
    text-align  : justify;      /* justowanie tekstu */
    background  : white;
    font-family : Arial, sans-serif;
    font-size   : 14px;
    color       : #000000;      /* kolor czcionki */
    margin-left : 20px;
    margin-top  : 20px;
    margin-bottom: 20px; 
}
[HTML] pobierz, plaintext 

Już działa - dzięki.
Problem był tylko w tym, że główny blok div, nie miał odpowiedniego zabarwienia ;-)