relative padding

[mwbarry]

I am trying to write a script that will put padding on the bottom of an element relative to the size of the screen minus the content and footer. This script works only when padhgt == tothgt, but not with the other 2 vars. Even when I set specific CSS height values for 'ja-content' & 'ja-footer', it still does not have a height value. Any ideas?

<script type="text/javascript">function foothgt() {  var tothgt = screen.height;  var conthgt = document.getElementById('ja-content').style.offsetHeight;  var fothgt = document.getElementById('ja-footer').style.offsetHeight;  var padhgt = tothgt - conthgt - fothgt;   document.getElementById('ja-mainbody').style.paddingBottom = padhgt + "px";}</script>

[Don E]

Try removing 'style' from the offsetHeight statements: var conthgt = document.getElementById('ja-content').style.offsetHeight; var fothgt = document.getElementById('ja-footer').style.offsetHeight;