Мне надо чтобы подвал прилипал к низу страницы

[stik]

Всем привет! Я бы нашел это сам через поиск, но к сожалению не знаю как это правильно написать Вообщим мне нужно сделать чтобы подвал прилипал к низу страницы когда контента на странице мало. Сейчас подвал висит посеридине страницы, и это смотрится ужастно... Сам я дизайнер, и в верстке не особо, но строчки в код вставлять умею)

Не понимаю... это сложно делается что ли... встречал мало верстальщиков которые бы липили футер к низу страницы ((

В общим я прошу помощи!

[USF]

http://forum.htmlbook.ru/index.php?showtopic=5870 изучайте

[Веди]

на страницах "коротышках" можно задать искусственно высоту контента:

height:1000px;

хотя наверняка есть и другие методы, но о них я пока не знаю..

[USF]

Веди , 100% нужно задавать. от самого родителя(html)

[Веди]

Веди , 100% нужно задавать. от самого родителя(html)

да, % это логично, но меня почему-то не очень беспокоит что подвал летает над нижним краем, да и мне каца что лучше все страницы делать повыше за счёт контента, включать фантазию..

[stik]

Веди , 100% нужно задавать. от самого родителя(html)

да, % это логично, но меня почему-то не очень беспокоит что подвал летает над нижним краем, да и мне каца что лучше все страницы делать повыше за счёт контента, включать фантазию..

Не всегда контента много.. например в конзине 2 строчки с товарами и две кнопки... и добавлять еще контент безсмыслено..

[TMGLUK]

Используй проверенный шаблон для этого: http://www.cssstickyfooter.com/

<div id="wrap">
  <div id="main">
  </div>
</div>
<div id="footer">
</div>

html, body {height: 100%;}

#wrap {min-height: 100%;}
#main {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

Edited August 30, 2012 by TMGLUK