Самый простой, на мой взгляд, способ:
| Код |
/* -==Каркас==- */
* {
margin:0; padding:0;
}
html, body {
height:100%;
}
body {
font:62.5%/1.4 Verdana, sans-serif;
height:100%;
}
#main {
height:100%;
margin-bottom:-5em;
min-height:100%;
min-width:1000px;
}
html>body #main {height:auto;}
#clear {
clear:both;
height:5em;
}
#header, #content, #footer {
width:100%;
}
/* заголовок */
#header {
background:#bcb;
height:100px;
}
/* центральная колонка */
#center {
width:100%;
}
/* подвал */
#footer {
background:#bcb;
height:5em;
}
/* -==Основные стили==- */
.content {
font-size:1.2em;
padding:7px;
}
|
| Код |
<div id="main">
<div id="header">
<div class="content">Header</div>
</div>
<div id="center">
<div class="content">Content Column<br />Content Column<br /></div>
</div>
<div id="clear"></div>
</div>
<div id="footer">
<div class="content">Footer</div>
</div>
|
|