HTML-страница в полноэкранном режиме, часть 2 - PullRequest
Новая
       0

HTML-страница в полноэкранном режиме, часть 2

1 голос
/ 20 октября 2011

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

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

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

1 Ответ

0 голосов
/ 20 октября 2011

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

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

windowHeight = $(window).height();

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

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

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

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

EDIT 

$(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 для статических вызовов высоты, назначив переменную и вызвав $ ('# divid'). Height (); Так как ваш заголовок является позицией: абсолютный, если вы вычтете заголовок, вам нужно будет расположить div сверху сверху на тот же пиксель.

Для вызова js перед приведенным выше javascript необходимо добавить следующее. 

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