Hi, i have find a solution at your problem with javascript and css:
These is the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLEOther time </TITLE>
<style type="text/css">
*{
margin:0;
padding:0;
}
#header{
height:72px;
width:100%;
background-color:#ccc;
}
#line{
position:absolute;
left:10%;
top:72px;
width:1%;
background:url(shadow_right.png) repeat-y;
}
#content{
position:relative;
left:11%;
width:89%;
}
#content #padding{
padding:5px;
}
#footer{
height:20px;
background-color:#ccc;
text-align:center;}
</style>
<script>
function setHeight(line,content){
absolute = getElemRefs(line);
relative = getElemRefs(content);
absolute.css.height = relative.offsetHeight + 'px';
}
function getElemRefs(id) {
var el = (document.getElementById)? document.getElementById(id):
(document.all)? document.all[id]: (document.layers)?
document.layers[id]: null;
if (el) el.css = (el.style)? el.style: el;
return el;
}
</script>
</HEAD>
<BODY onload="setHeight('line','content')">
<div id="header">TITLE</div>
<div id="line"></div>
<div id="content">
<div id="padding">Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text Here there is some text
Here there is some text Here there is some text </div>
</div>
<div id="footer">Made by Mauro Bertani</div>
</BODY>
</HTML>
