2011-08-16 24 views
1

iframe如何自動佔用整個空間。Iframe填寫窗口大小

http://speedywap.com/ihome/?url=http://dell.com/例如具有的iframe僅在高達Mozilla Firefox和IE6

一半的窗口中打開我怎樣才能確保採取屏幕的最大尺寸。有沒有一個CSS或JS來做到這一點?

+0

通過確保html和body有一個全寬也? HTML,身體,框架{寬度:100%} –

+0

我有朋友,但它並沒有爲我做。 – Anush

+0

ü看到他們如何加載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/