люди помогите плис заставить блок прижатся к низу родительского контейнера

Юра

20.02.2010

Имеется основной блок containerpage {минимальная высота: 100%;высота:auto автоматическая (под контент);внутри располагается четыре блока
bordertop {высота: 10px; отступ с низу: 5px;ширина 100% (типа хедера)под ним еще 3 блока,
1.bar имеет фиксированую ширину в 200рх float-left;располагается под блоком bordertop, остальные два блока с права от него
2.navigation(margin-left: 207px;height: 30px;) располагается под блоком bordertop с права от bar
3.conteiner (margin-left: 207px;height: auto;)располагается под блоком navigation справа от bar
под основным блоком containerpage находится footer(который всегда в низу)

Как сделать так чтоб блок bar впирался в footer при отсутствии контента и расширялся автоматически при увеличении контента
в общем нужно сделать блок bar который всегда прижат к ботома родительского блока containerpage, на сколько увеличивается основной блок на столькож и bar

Старался описать понятно, кому тяжело разобраться приложу код и ссылку аналога
https://user.1-hoster.ru/?formbutton1=%25C2%25EE%25E9%25F2%25E8

ps помогите 3 день голову ламаю, заранее спасиба, всем успехов

<style type="text/css">
<!--
* {
	margin: 0;
	padding: 0;
}
html ,body{
	background-color: #000;
	height: 100%;
	width: 100%;
}
#containerpage {
	background-color: #FFF;
	min-height: 100%;
	height: auto;
}
.bordertop {
	height: 10px;
	background-color: #DB0029;
	margin-bottom: 5px;
}
#bar {
	width: 200px;
	background-color: #ededed;
	float: left;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	padding-bottom: -100%;
	margin-bottom: -100%;
}
.borderbar {
	background-color: #bababa;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	padding-left: 10px;
}
#navigation {
	height: 30px;
	background-color: #ededed;
	margin-left: 207px;
}
#conteiner {
	margin-left: 207px;
	background-color: #CCC;
	height: auto;
}
.sodergimoe {
	background-color: #FC9;
	height: 1000em;
	width: 300px;
	margin: auto;
}
#hfoot {
	height: 51px;
	clear: both;
}
#footer {
	height: 50px;
	background-color: #A6001D;
	border-top: 1px solid #bababa;
	margin-top: -51px;
}
-->
</style>
</head>

<body>
<div id="containerpage">
	<div class="bordertop"></div>
	<div id="bar">
		<div class="borderbar" style="margin-bottom:30px;">
			<p>Почему мы...</p>
		</div>
		<div class="borderbar" style="background-color:#DB0029"> Навигация </div>
		
		

		
	</div>
	<div id="navigation">
		<table width="100%" height="30px" border="0" align="left">
			<tr align="center" valign="middle">
				<th nowrap="nowrap"><a href="#">Главная</a></th>
				<th nowrap="nowrap"><a href="#"></a></th>
				<th nowrap="nowrap"><a href="#">Тарифы</a></th>
				<th nowrap="nowrap"><a href="#">Домены</a></th>
				<th nowrap="nowrap"><a href="#"></a></th>
				<th nowrap="nowrap"><a href="#">FAQ</a></th>
				<th nowrap="nowrap"><a href="#"></a></th>
				<th nowrap="nowrap"><a href="#">Контакты</a></th>
			</tr>
		</table>
	</div>
	<div id="conteiner">
		<div class="sodergimoe">Здесь располагается содержимое  class "sodergimoe"</div>
	</div>
</div>
<div id="footer">
	<center>
		<a href="#">2010-2010 © Компани 
		</a>
	</center>
</div>
</body>
</html>

Он самый

21.02.2010

Вот кажется все хорошо, все отлично, простенький код, в dreamweare в сафаре, отображается все отлично но не в опере и ие , почему все так, опера что не в силпх отображать нормально, жаль самый популярный браузер

<style type="text/css">
<!--
* {
	margin: 0;
	background-color: #CCC;
	padding: 0;
	width: 100%;
	height: 100%;
}
html  {
	height: 100%;
	width: 100%;
	margin: 0;
}
#containerpage {
	background-color: #FFF;
	height: auto;
	min-height: 100%;
}
#bordertop {
	background-color: #B7154E;
	clear: both;
	float: none;
	height: 10px;
}
#bar {
	background-color: #ededed;
	float: left;
	height: 100%;
	width: 200px;
}
#footer {
	background-color: #B7154E;
	clear: both;
	float: none;
	height: 50px;
}
-->
</style>

<div id="containerpage">
<div id="bar">Здесь располагается содержимое  id "bar"</div>
</div>

Он

21.02.2010

0

1

Ну мля <!DOCTYPE html> все портит

Внимание! Это довольно старый топик, посты в него не попадут в новые, и их никто не увидит. Пишите пост, если хотите просто дополнить топик, а чтобы задать новый вопрос — начните новый.