CSS - Как прилепить foote к низу страницы

.....................
Иногда приходится верстать сайты, в дизайне которых есть такое требование - подвал страницы должен быть приклеен к низу окна браузера. То есть не должно быть никакого свободного пространства.Пару раз мне приходилось с этим сталкиваться и вот решил теперь обобщить опыт и написать пост.Итак, в первую очередь берем код css.* {magi:0paddig:0} html, body, #wap {height: 100%}body > #wap {height: auto mi-height: 100%}#mai {paddig-bottom: 150px} /* этот размер должен быть такой же высоты как и foote */#foote {positio: elativemagi-top: -150px /* а здесь нужно указать отрицательное значение высоты подвала */height: 150pxclea:both} /* CLEAR FIX*/.cleafix:afte {cotet: "."display: blockheight: 0clea: bothvisibility: hidde}.cleafix {display: ilie-block}/* Это блок для IE */* html .cleafix { height: 1%}.cleafix {display: block}/* Конец блока для IE */Теперь кусок HTML кода для шаблона нашей страницы<div id="wap"> <div class="cleafix" id="mai"> </div></div><div id="foote"></div>Вот собственно и все. Пользуйтесь на здоровье.И на последок хотел бы рассказать о магазине, в котором можно свободно купить запчасти Golf. На сайте этого магазина работает мощная система поиска по автозапчастям (при чем не только по артикулу, но и по названию, что несомненно удобно для нас простых людей, не знающих артикулы). Хочу отметить, что при магазине есть и автосервис, где купленные Вами детали установят на Ваш авто!

Оригинал статьи можно прочитать по этой ссылке

Рекомендуем еще