2011-08-16 5 views
1

iframeに全スペースを自動的に占有させる方法を教えてください。例えばiframeでウィンドウのサイズを入力する

http://speedywap.com/ihome/?url=http://dell.com/は、Mozilla FirefoxとIE6で半分の窓件まで唯一のオープンはiframe

どのように私はそれが画面の最大サイズをとることを確認することができますがあります。これを行うCSSまたはjsはありますか?

+0

htmlと本文の全角も確認してください。 html、body、frame {width:100%} –

+0

私は友人がいますが、それは私のためにはできません。 – Anush

+0

UあなたはeBayでiframeを読み込み、読み込んだときにどのように展開するのかを見てください。それは私がしたいことです。 – Anush

答えて

2

これはトリックを行う必要があります。

オプション1:

あなたがz-indexを使用しようとしているので、あなただけの.sourceViewposition:absoluteを追加することができます。

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/

関連する問題