2011-08-16 3 views
1

Как может iframe автоматически захватить все пространство.Iframe, чтобы заполнить размер окна

http://speedywap.com/ihome/?url=http://dell.com/, например, имеет IFRAME только открытые ДО половины окна в Mozilla Firefox и IE6

Как я могу убедиться, что имеет максимальный размер экрана. Есть ли css или js для этого?

+0

убедившись, что html и body также имеют полную ширину? html, body, frame {width: 100%} –

+0

У меня есть triend, но это не делает это для меня. – Anush

+0

U Посмотрите, как в ebay они загружают iframe и расширяются при загрузке. вот что я хочу делать. – Anush

ответ

2

Это должно сделать трюк.

Вариант 1:

Поскольку вы пытаетесь использовать z-index вы можете просто добавить position:absolute к .sourceView.

body { 
    color: #000000; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    overflow: hidden; /* add this to stop any double scrollbars */ 
} 

.sourceView { 
    height: 93%; 
    width: 100%; 
    z-index: 10; 
    position: absolute; /* add this */ 
} 

Вариант 2:

html,body{ 
    height:100%; 
} 
body { 
    color: #000000; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    overflow: hidden; /* add this to stop any double scrollbars */ 
} 

Вариант 3:

У меня есть JavaScript/JQuery решение здесь:
Static container height combined with a dynamically sized container, possible?

http://jsfiddle.net/tw16/X5rWb/

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