Подвал к низу и резиновые сайдбары

[WF19]

Сайдбары находятся внутри враппера, нужно сделать так, чтобы подвал всегда был прижат к низу страницы, а сайдбары растягивались до него по высоте (в них контента не будет).

Сейчас подвал прижат, для этого я выставил минимальную высоту враппера 100%. Высотка сайдбаров сейчас по 600 пикселей (для наглядности) , растягивающиеся без контента не получается сделать. Дак вот, когда подвал прижат, на бОльших разрешения чем 1280X800 появляется пространство враппера между подвалом и сайдбарами, если убрать у враппера минимальную высоту, то этого нет, но подвал тогда не прижат И да, полос прокрутки не должно быть.

Помогите кто чем может

Edited February 24, 2012 by WF19

[Switch74]

я так понимаю нужно, чтобы сайдбары были одинаковой высоты с контентной частью и футер всегда прижатым к низу при этом контентная часть должна быть минимум 100% высоты экрана, так?

[WF19]

Всё верно кроме высоты. Прокрутки вообще не должно быть, тоесть сайдабыры с контентом будут занимать менее 100% окна.

[Switch74]

тогда возможно подойдет такой вариант

<style>
*{margin:0px;padding:0px;}
html,body{height:100%;}
#body{
	position:relative;
	margin:0px auto;
	width:1000px;
	height:100%;
	overflow:hidden;}
#header{
	height:100px;
	background:#bbb;
}
#content{
	margin:0px 210px;
	padding-bottom1:30px;
	min-height:100%;
	background:#ddd;}
#left{
	position:relative;
	float:left;
	padding-bottom1:30px;
	width:200px;
	min-height:100%;
	background:#999;}
#right{
	position:relative;
	float:right;
	padding-bottom1:30px;
	width:200px;
	min-height:100%;
	background:#999;}
#footer{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:30px;
	background:#bbb;}
</style>
<div id="body">
	<div id="left">
		left
	</div>
	<div id="right">
		right
	</div>
	<div id="content">
		<div id="header">
			header
		</div>
		content
		<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
		content
	</div>
	<div id="footer">
		footer
	</div>
</div>

[WF19]

Так не катит, во-первых футер так не прижимается, во вторых когда у сайдбаров минимальная высота стоит в процентах, без контента они не тянутся (а контента в них и не будет), я специально для наглядности выстаивл их высоту в пикселях, в поцентах их вообще не видно было бы. Обратите внимание на wrapper и min-height в нем, я уверен что дело в нём.

[Switch74]

в каком браузере смотрите?

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

если не нравится как прижат футер, можете прижать его своим способом

у вас же проблемма в том, что wraper растягивается на 100% от body при этом в body часть места занимает header на его высоту у вас и съезжает футер вниз

Edited February 4, 2012 by Switch74

[WF19]

Смотрю в пятом сафари, и через сервис viewlikeus, подвал не прижат вообще)

[Switch74]

смотрю у себя в сафари5, подвал прижат!

копируйте код как есть

[WF19]

да все, понял, прижат он, просто смутила пустота под ним, но это "у вас же проблемма в том, что wraper растягивается на 100% от body при этом в body часть места занимает header на его высоту у вас и съезжает футер вниз ". Посмотрел через вьелайкас, при любом разрешении размер пустоты снизу одинаков, значит прижат. В общем сейчас с хедером и бади посражаюсь.

UPD

И да, вы смотрели изначальный вариант) я на локалке изменения вносил, сейчас залил на хост, посмотрите. Сайдбары фоном не заливаются, только там не цвет как у в вашем коде, а bg image с repeat-y, все пути в порядке точно.

С футером то все понятно, а вот с сайдами

Edited February 4, 2012 by WF19

[Switch74]

в вашей ситуации советую просто внести хэадер в врапер, у вас должна остаться одна общая обертка с высотой 100% после тега боди и в ней должен лежать весь сайт, тогда вам будет легко размещать ваши объекты. А т.к. вы планирует сделать сайт без полос прокрутки могу посоветовать использовать абсолютное позиционирование, с ним будет легко расставлять объекты

[WF19]

Вопрос с сайдбарами всё еще актуален, они должны вытягиваться до футера.