h4 · February 29, 2012 20:57
diff --git a/sticky-footer.css b/sticky-footer.css
 /*  
 Sticky Footer Solution
 by Steve Hatcher 
 http://stever.ca
 http://www.cssstickyfooter.com
 */

 * {
    margin:0;
    padding:0;
    } 

 /* Указание нулевых полей и отступов для всех элементов страницы. 
   Если этого не сделать, то поля будут добавлены к результирующим габаритам страницы 
   и подвал будет «вываливаться» за пределы экрана при малой высоте контента
   */

 html, 
 body {
    height:         100%; /* нужно для того, чтобы заработала высота в процентах */
    }

 .wrap {
    min-height:     100%;
    }

 .main {
    overflow:       auto;
    padding-bottom: 180px; /* высота равна высоте подвала */
    }  

 .footer {
    position:       relative;
    margin-top:    -180px; /* значение равно высоте подвала */
    height:         180px;
    clear:          both;
    } 

 /*Opera Fix thanks to Maleika (Kohoutec) */
 body:before {
    content:      "";
    height:       100%;
    float:        left;
    width:        0;
    margin-top:   -32767px;  /* thank you Erik J - negate effect of float*/
 }



 /* ВАЖНО


 Этот код с условными комментариями нужно добавить в секцию HEAD

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

 */
diff --git a/sticky-footer.html b/sticky-footer.html
 <!DOCTYPE html>
 <html lang="ru">
 <head>
 	<title>Прижатый подвал</title>
 	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 </head>
 <body class="stickyfooter">
 	<div class="wrap"> <!-- блок-обёртка, содержащий весь контент за исключением подвала -->
 		<div class="header">
 			<h1>X-UA-Compatible</h1>
 		</div>
 		<div class="main">
 			<div class="menu">
 				<h2>Меню</h2>
 				<ul>
 					<li>Главная</li>
 					<li>Не главная</li>
 					<li>Совсем не главная</li>
 					<li>Контакты</li>
 				</ul>
 			</div>
 			<div class="content">
 				<h1>Мета тег X-UA-Compatible</h1>

 				<p class="date">Последнее обновление: 22.01.2011
 				<p>Мета тег X-UA-Compatible управляет режимом отображением страниц в браузерах IE8+.</p>

 				<h2>Синтаксис</h2>

 				<p><code>&lt;meta http-equiv="X-UA-Compatible" content=". . ." /&gt;</code></p>

 				<h3>Значения для IE8+</h3>

 				<dl>
 					<dt>IE=5</dt>
 					<dd>Отображение содержимого в режиме совместимости IE5, отображает страницы так, как это делает браузер IE5.5 независимо от того, содержится ли на странице директива &lt;!DOCTYPE&gt;	</dd>
 					<dd>Quirks mode (режим совместимости)</dd>
 					<dt>IE=7</dt>
 					<dd>Отображение содержимого в стандартном режиме IE7, отображает страницы так, как это делает браузер IE7 независимо от того, содержится ли на странице директива &lt;!DOCTYPE&gt;</dd>
 					<dd>IE 7 Standards mode (стандартный режим IE7)</dd>
 					<dt>IE=EmulateIE7</dt>
 					<dd>принуждает IE использовать директиву &lt;!DOCTYPE&gt; для задания способа отображения содержимого. Директивы стандартного режима отображаются в стандартном режиме IE7, а директивы режима совместимости отображаются в режиме IE5.5 (Quirks).</dd>
 					<dd>IE 7 Emulation mode (режим эмуляции IE7)</dd>
 					<dt>IE=8</dt>
 					<dd>Отображение содержимого в стандартном режиме IE8, отображает страницы так, как это делает браузер IE8 независимо от того, содержится ли на странице директива &lt;!DOCTYPE&gt;</dd>
 					<dd>IE 8 Standards mode (стандартный режим IE8)</dd>
 					<dt>IE=EmulateIE8</dt>
 					<dd>принуждает IE использовать директиву &lt;!DOCTYPE&gt; для задания способа отображения содержимого. Директивы стандартного режима отображаются в стандартном режиме IE8, а директивы режима совместимости отображаются в режиме IE5.5 (Quirks).</dd>
 					<dd>IE 8 Emulation mode (режим эмуляции IE8)</dd>
 					<dt>IE=edge</dt>
 					<dd>всегда использует последний доступный стандартный режим отображения независимо от &lt;!DOCTYPE&gt;.</dd>
 					<dd>Edge mode (последний режим)</dd>
 				</dl>

 				<h3>Значения добавленные в IE9</h3>

 				<dl>
 					<dt>IE=9</dt>
 					<dd>Отображение содержимого в стандартном режиме IE9, отображает страницы так, как это делает браузер IE9 независимо от того, содержится ли на странице директива &lt;!DOCTYPE&gt;</dd>
 					IE 9 Standards mode (стандартный режим IE9)</dd>
 					<dt>IE=EmulateIE9</dt>
 					<dd>принуждает IE использовать директиву &lt;!DOCTYPE&gt; для задания способа отображения содержимого. Директивы стандартного режима отображаются в стандартном режиме IE9, а директивы режима совместимости отображаются в режиме IE5.5 (Quirks).</dd>
 					<dd>IE 9 Emulation mode (режим эмуляции IE9)</dd>
 				</dl>

 				<p>Если директива &lt;!DOCTYPE&gt; не указана, IE ведет себя так, как будто указана директива режима совместимости (Quirks DOCTYPE).</p>
 			</div>	<!-- / .content -->
 		</div>		<!-- / .main -->
 	</div>			<!-- / .wrap -->
 	<div class="footer"> <!-- Подвал должен быть независимым блоком -->
 		<h3>Подвал</h3>
 	</div>
 </body>
 </html>