Witam,

tworzę szablon css

[HTML] pobierz, plaintext 
#wrapper
{
	width: 820px;
	height: 500px;
	margin: 0 auto;
	border: 1px solid red;
}
 
#wrapper #content
{
	width: 600px;
	float: left;
	border: 1px solid red;
}
 
#wrapper #rightBox
{
	width: 215px;
	float: right;
	border: 1px solid red;
}
[HTML] pobierz, plaintext 

używam tak

[HTML] pobierz, plaintext 
<div id="wrapper">
 
	<div id="content">
	    this is the content of the page <br />
	    this is the content of the page <br />
	    this is the content of the page <br />
	    this is the content of the page <br />
	</div>
 
	<div id="rightBox">
	    this is the content of the page <br />
	    this is the content of the page <br />
	    this is the content of the page <br />
	</div>
 
</div>
[HTML] pobierz, plaintext 

wygląda ok, ale jak dodałem border:1px to tak jakby content i rightbox nie były w środku wrappera tylko zaraz pod nim. Gdy wrapperowi ustawie stałą wysokość to jest ok.
Co tu jeszcze dodać?

wrapperowi dodaj

[CSS] pobierz, plaintext 
overflow: hidden;
height: 100%;
[CSS] pobierz, plaintext 

Dla kontenera:

[CSS] pobierz, plaintext 
overflow:hidden;
[CSS] pobierz, plaintext 

Edit: ktoś mnie uprzedził

poradziłem sobie w taki sposób

[HTML] pobierz, plaintext 
#wrapper #clearer {
  clear: both;
  height: 1px;
}
[HTML] pobierz, plaintext 

i wpakowałem to zaraz za stylem rightBox. Dzięki temu wrapper rozciągnął się w dół i wszystko wygląda oks.

ale masz niepotrzebnego diva w kodzie - nieeleganckie

Fatalne rozwiązanie... Tworzysz jakieś niepotrzebne divy, działać Ci to będzie, ale z poprawnością wiele wspólnego nie ma.

dobrze dodałem overflow: hidden do wrappera i efekt taki sam.
dzięki panowie.