Растягивание блока по высоте

[Kup]

Имеем следующее:

Проблема в том что контент(белый цвет) не растягивается по высоте блока manufacturers(желтый цвет)...

основной код:

<div class="wrapper">
<div class="content">
	<div class="manufacturers">
		<ul>
			<li><a class="aprilia" href="#">Aprilia</a></li>
			<li><a class="arctic_cat" href="#">Arctic Cat</a></li>
			<li><a class="benelli" href="#">Benelli</a></li>
			<li><a class="bimota" href="#">Bimota</a></li>
			<li><a class="bmw" href="#">BMW</a></li>
			<li><a class="bombardier" href="#">Bombardier</a></li>
			<li><a class="buell" href="#">Buell</a></li>
			<li><a class="ducati" href="#">Ducati</a></li>
			<li><a class="harley_davidson" href="#">Harley-Davidson</a></li>
			<li><a class="honda" href="#">Honda</a></li>
			<li><a class="husqvarna" href="#">Husqvarna</a></li>
			<li><a class="hyosung" href="#">Hyosung</a></li>
			<li><a class="indian" href="#">Indian</a></li>
			<li><a class="kawasaki" href="#">Kawasaki</a></li>
			<li><a class="ktm" href="#">KTM</a></li>
			<li><a class="mv_avgusta" href="#">MV Agusta</a></li>
			<li><a class="piaggio" href="#">Piaggio</a></li>
			<li><a class="polaris" href="#">Polaris</a></li>
			<li><a class="suzuki" href="#">Suzuki</a></li>
			<li><a class="triumph" href="#">Triumph</a></li>
			<li><a class="vespa" href="#">Vespa</a></li>
			<li><a class="yamaha" href="#">Yamaha</a></li>
			<li><a class="dnepr" href="#">Днепр</a></li>
			<li><a class="izh" href="#">ИЖ</a></li>
			<li><a class="minsk" href="#">Минск</a></li>
			<li><a class="ural" href="#">Урал</a></li>
			<li><a class="jawa" href="#">Ява</a></li>
		</ul>
	</div><!--manufacturers ends here-->
</div><!-- content ends here -->
</div><!-- wrapper ends here -->
<div class="footer"></div>

вот css:

html, body {height: 100%;}
.wrapper {min-height:100%; width:1000px; margin:0 auto -45px; background:#7a7a7a;}
.content {width: 920px; background:#fff; padding:0 20px; margin:0 auto; min-height:50px;}
.manufacturers {width:150px; float:left; background:yellow;}
.manufacturers ul {width:150px;}
.footer {clear:both; width:1000px; height:40px; background:#a2a2a2; margin:0 auto; border-top:5px solid #f8f8f8;}

как исправить проблему с контентом??

хочу чтоб подвал был всегда внизу при малом количестве текста/картинок и отсутствии полосы прокрутки, и чтоб тоже был внизу если надо крутить вниз) правильно делаю?

wrapper похоже что тоже не тянется вниз, его фон(серый) заканчивается и видно фоновое изображение

Edited April 16, 2010 by Kup

[psywalker]

overflow: hidden;

[Kup]

спасибо, надо было еще добавить в div wrapper в конец div emptyfooter

.emptyfooter {height: 45px; clear: both;}

[psywalker]

спасибо, надо было еще добавить в div wrapper в конец div emptyfooter

.emptyfooter {height: 45px; clear: both;}

Пожалуйста, но при правильной вёрстке такие вещи называются "Грязь"

.emptyfooter {height: 45px; clear: both;}

[Kup]

а как можно правильней сделать?

[psywalker]

а как можно правильней сделать?

Сверстать изначально правильно.

[Kup]

а пример есть?

[stars]

а пример есть?

А можно пример как бы вы хотели сделать? в качестве рисунка

[Kup]

думаю что рисунок не нужен...просто надо чтобы футел был всегда внизу, независимо от заполнения страницы и уезжал вниз при наполнении блоками/изображениями/текстом

Edited April 17, 2010 by Kup

[psywalker]

думаю что рисунок не нужен...просто надо чтобы футел был всегда внизу, независимо от заполнения страницы и уезжал вниз при наполнении блоками/изображениями/текстом

Поищи в инете или на форуме, Футер всегда внизу, полно тем.