Итак, я перевел веб-страницу в полноэкранный режим, но я использую высоту 100% для всех своих атрибутов css, и теперь я получаю полосу прокрутки с правой стороны.

http://www6.luc.edu/test/cabplan/maps/index2.html

когда я меняю #content_container на высоту 89%, это меняет его, но на других размерах экрана он выглядит иначе. Как мне сделать так, чтобы карта всегда была высотой до нижнего колонтитула с логотипом «esri» внизу справа над нижним колонтитулом

Это было бы чем-то более подходящим для jquery. Вы можете вызвать его, чтобы изменить высоту при загрузке и при изменении размера окна.

Чтобы получить высоту окна, вы бы использовали

 windowHeight = $(window).height();
  

Вы берете это и присваиваете переменной и вычитаете высоту верхнего и нижнего колонтитулов. И в установите CSS, используя

 ${'#content_container').css({width: windowHeight "px"});
  

Затем, если кто-то изменяет размер окна, вы запускаете те же параметры в функции, подобной следующей

 $(window).resize(function() {
  //update stuff
});
  

Редактировать

 $(document).ready(function(){
 windowHeight = $(window).height();
 divHeight = windowHeight - 100 - 100; // heights of your header/footer
 $('#content_container').css({height: divHeight 'px'});
});

$(window).resize(function() {
 windowHeight = $(window).height();
 divHeight = windowHeight - 100 - 100; // heights of your header/footer
 $('#content_container').css({height: divHeight 'px'});
});
  

вы можете заменить 100 для статических вызовов height, назначив переменную и вызвав $(‘#divid’).height() ; Поскольку ваш заголовок имеет значение position:absolute, если вы вычтете заголовок, вам нужно будет расположить div сверху на тот же пиксель.

Чтобы вызвать js, включите следующее перед javascript выше.

 <script src="http://code.jquery.com/jquery-1.6.4.min.js" />