2014-09-18 2 views
0

Создание веб-приложений с использованием ASP.NET MVC 2.Привычка позволяет мне изменить размер IFrame окна

Попытка добавить IFRAME внутри страницы индекса.

<div id="root"> 
    <iframe src='http://restOfUrl' width='100%' height='100%'></iframe> 
</div> 

Iframe загружает страницу внутри 100% ширины, но только около 20% от высоты. Попытался добавить несколько <br/> выше и ниже тега iframe, чтобы узнать, имеет ли он какое-либо значение. Страница расширилась по высоте, но iframe остался прежним.

Просьба сообщить? Cheers

ответ

1

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

поэтому есть 2 решения.

  1. отдавания родительского Div высота примерно так:

http://jsfiddle.net/ns2vy6sx/

или 2. установить высоту в рх, например, так:

<div id="root" > 
    <iframe src='http://restOfUrl' width='100%' height='500px'></iframe> 
</div> 

http://jsfiddle.net/ns2vy6sx/1/

+0

спасибо за помощь, пошел с пикс. – John

+0

не проблема @ Джон, напоминание для вас - если вы используете решение px, ваша веб-страница не будет жидкой. Значение, если вы уменьшаете окно своей веб-страницы, iframe все равно будет «500px»! если бы это был ваш правильный ответ, не могли бы вы пометить мой ответ как решение :) –