Автоматически присвоить длину дочернего div'a основному

[Frants]

Всем доброго времени суток! Проблема такова:

Имеется 4 дива:

<div id="main">
	   <div id="leftside">
	   </div>
	  
	   <div id="content">
	   </div>
	  
	   <div id="rightside">
	   </div>
  
</div>

И к ним CSS:

#main {
	margin:auto;
	width: 1000px;
	background-image:url(../img/bgmain.jpg);
#content {
	width:589px;
	background-color:#FFF;
	float:left;
	margin:0 5px;
}

#leftside {
	width:195px;
	float:left;
	background-color:#FFF;
	margin-left:5px;
}

#rightside {
	width:195px;
	float:left;
	background-color:#FFF;
}

Т.е. область main, шириной 1000 пикселей и в ней еще три области. Проблема такова:
1)Как сделать, чтобы при добавлении текста в одну из областей изменялась вместе с ней высота общей области main?

 

[lekzd]

после

<div id="rightside">
		   </div>

надо поставить

<br clear='all'/>

 

[Frants]

Храни тебя господь! :laugh: СПАСИБО!

Тут же назрел второй вопрос:

Как сделать, чтобы одна область приобрела значение высоты второй (большей по высоте), а третья при этом осталась неизменной?

 

[lekzd]

ну это только js-ом

 

[Frants]

Понял, спасибо еще раз

 

[BaNru]

Можно попробовать реализовать с помощью "колонки/div одинаковой высоты" (гугл, яндекс)