Разместить контент на разных экранах

Question

У меня есть HTML-страница, которая основана на таблице.У меня есть ul, как меню, несколько графиков и несколько таблиц.Я пытаюсь сделать так, чтобы он помещался на любом экране без полосы прокрутки.Мой браузер не учитывает высоту = 100%, которую я пробовал для основной таблицы страницы.Какие-нибудь мысли?Заранее спасибо:)

Answer 1

Вы не будете соответствовать высоте, как вы хотите, за исключением использования JavaScript или использования frameset

Answer 2

Вот код javascript / jquery, который я использовал для принудительной установки высоты некоторых элементов.

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();
  }