2014-12-23 3 views
-2

Я кодировал веб-сайт в формате HTML, и я хотел знать, как сделать iframe заполнением остальной части моей страницы, не перекрывая панель навигации и не прокручивая всю страницу.Как сделать iframe заполнением остальной части страницы?

+0

Эй, добро пожаловать в Stack Overf низкий! С этим вопросом мы не можем сделать, чтобы помочь вам. Можете ли вы включить код, который вы пробовали? Таким образом, мы можем выяснить, в чем корень вашей проблемы. Благодаря! – Geo1088

+0

Для будущих сообщений, пожалуйста, покажите нам свой код с помощью инструмента jsfiddle http://jsfiddle.net/ –

ответ

0

Может быть, вы можете сделать что-то вроде этого, с JQuery:

$(window).resize(function() { 
    var iframeHeight = $(window).height() - ($('#navigationbar').innerHeight()) 
    $('#iframe').innerHeight(alturaContenedores);  

}); 
1

Если вы не даете нам код, как например это будет очень трудно дать вам точный ответ.

Я понял, что вы хотите, чтобы тег заполнил остальную часть страницы. Я предполагаю, что вы говорите о высоте.

Вы можете использовать CSS, чтобы получить, что:

html, body, iframe {height: 100%} 

Если у вас есть навигация над IFRAME, вам нужно уменьшить высоту минус навигационной высоту IFrame в

Для этого вы можете использовать известково :

iframe {height: calc(100% - 80px)} 

Пример здесь: fiddle

+0

Спасибо, это был именно тот ответ, который мне нужен для моей собственной проблемы. – user430799

Смежные вопросы