Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>TESTING</title>
<style type="text/css">
* {margin: 0; padding: 0;} /* обнуляем отступы */
body {
background: #fff;
}
html,body {
height: 100%; /* задаем высоту тела документа */
}
.main { /* основной блок, который должен растянуться до подвала */
background: #999; /* цвет фона основного блока (для наглядности) */
min-height: 100%; /* задаем минимальную высоту основного блока */
position: relative;
margin:3px;
}

.content {

margin-top: 29px;
width: 80%;
background: pink;
min-height: 80%;
margin-top:0px;
}
* html .main { /* хак для ie6 */
height: 100%; /* для ие6, т.к. не понимает min-height */
}
.header {
margin-top: 5px;
background: red;
height: 50px;
}

.right_bar {
position: absolute;
padding: 10px;
right: 3px;
left: 80%;
background: green;
width: 10px;
}
.footer { /* подвал */
background: #0000CC; /* цвет фона подвала (для наглядности) */

height: 100px; /* высота подвала */
margin-top: -3px; /* делаем отрицательный отступ по высоте равный высоте подвла, чтобы четко вписаться в размер экрана */
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
}
</style>
</head>
<body>
<div class="main">


    <div class="header"></div>
<div class="right_bar">1</div>

    <div class="content">0
<pre>
dsfsd
f
sdf
sd
f
dsf
ds
f
dsf
sd
f
sdf
sd
fsd
f
sd
fsd
f
sf
ds
f
sd
fsd
f
dsf
ds
f
dsf

fsd

d
d
d

d
d
d
d
d
d
d
d
d
dd

d
d
d
d
d
d
d
d
d
d
d
d

dd
d
d
d

d
d
d
d
d

d
d
d
d
d
d
d
d
d

</pre>

</div>


</div>
<div style="clear: both;"></div>
<div class="footer">Это подвал</div>
</body>
</html>