[CSS]Automatycznie dopasowana wysokość diva Opcje

[arzach]

Witam mam taki szablon
http://www.fusions.cba.pl/kierowcy/index.php
I moje pytanie jak zrobić by lewa kolumna id nav jej wysokość była automatycznie dopasowana do wysokości div id content

Kod

[HTML] pobierz, plaintext 
<div id="container">
	<div id="banner">
		<h1>
			Site name
		</h1>
	</div>
	<div id="nav">
		<p>
			Lorem ipsum..
		</p>
	</div>
	<div id="content">
		<h2>
			Page heading
		</h2>
		<p>
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
			test test test test test test test test test test test test test test test test
		</p>
	</div>
	<div id="footer">
		Footer stuff here
	</div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
body
{
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #ddd;
}
 
#container
{
	margin: 1em 5%;
	background-color: #CCCCFF;
	border: 1px solid #333;
}
#banner
{
	background-color: #666;
	border-bottom: 1px solid #333;
}
#banner h1
{
	margin: 0;
	padding: .5em;
}
#nav
{
	float: left;
	width: 190px;
	background-color: #FFFFCC;
	border-right: 1px solid #333;
	height: auto;
}
#nav p
{
	margin-top: 0; 
}
#content
{
	padding-top: 1em;
	margin: 0 2em 0 200px;
}
#footer
{
	clear: both;
	background-color: #666;
	padding: 1em;
	text-align: right;
	border-top: 1px solid #333;
}
[CSS] pobierz, plaintext 

Ten post edytował arzach 12.08.2010, 17:57:45

[Maxik]

Szukaj pod hasłem "faux column".

[Skie]

CSS niestety w kilku kwestiach - m.in. to czego szukasz - jest bezradny.

Można natomiast przy jego użyciu obejść tę ułomność poprzez sztuczkę z grafiką tła - tak jak tutaj np: http://www.alistapart.com/articles/fauxcolumns/

Takie coś jednak nie zawsze zdaje egzamin - wtedy warto użyć JavaScript.