HTML:
<html>
<head>
<title>Index</title>
<meta charset='utf-8'>
<link rel="staylsheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrap">
<div id="header">
<p align="center">HEADER</p>
</div>
<div id="main" class="clearfix">
<div align="left" id="news">text
</div>
<div align="right" id="article">text2
</div>
</div>
</div>
<div id="footer">
</div>
</body>
</html>
CSS:
html,body, #wrap {height: 100%; }
body > #wrap {
height: auto; min-height: 100%; }
#header {
padding-top: 20px;
left: 50%;}
#main {
padding-bottom: 120px; } /* Высота отсупа */
#news {}
#article {}
#footer {
position: relative;
margin-top: -120px;
height: 120px;
clear:both; }
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden; }
.clearfix {
display: inline-block; }
/* End */