Question

I have a html page which is table based. I have a ul as menu few charts and few tables. I am trying to design it such that it just fits in any screen without any scrollbar. My browser doesn’t honer the height=100% which i tried for the main table of the page. Any thoughts? Thanks in advance 🙂

Answer 1

Here is javascript/jquery code that I have used to force the height of certain elements.

function resize(){
winH = 460; 
if (document.body && document.body.offsetWidth) {
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winH = window.innerHeight;
}
$('#container').height(winH);
}
$(function(){
  resize();
  });
//the following code readjusts the element's height every time the browser window is altered. 
window.onresize = function() {
  resize();
  }