2011-01-12 18 views
2

ボーダーレス/スクロールレスiFrameでmax-heightを使用するためのアイデアがあるので、それが高すぎるとブラウザは巨大な黒い領域を残りのiFrameに塗りつぶすことはありませんか?iFrameと "max-height"

私はheight="100%"max-height="xx"を設定しようとしましたが、うまくいかないようです。

多くのありがとうございます!

答えて

5

=演算子を使用してheight="100%"を使用すると、インライン属性を使用しようとしていることが示唆されます。このの仕事ができますが、通常は絶対測定でよりよく機能します(パーセントではなく700px)。 max-heightは、スタイルシートで以外の任意の要素の、これまでのところ、私は承知しているとして、有効な属性ではありませんので、私はあなたがCSSを使用することをお勧めしたい:

iframe { 
    min-height: 200px; /* or whatever */ 
    max-height: 500px; /* or whatever */ 
} 

することができます、あなたがしなければならない場合また、あなたが使用割合は、max-height: 80%を与えるために、これは親要素は、自身の定義されたheightを持っていることを必要とするように見えるんことができますが(私は、また<iframe src="..." style="min-height: 200px; max-height: 500px;">

をもたらすことになる、インラインスタイルを使用それがわからない場合すべてブラウザ、または1つまたは2つのみですが、いずれの方法でも、実際にブラウザの80%がの場合はです。

+0

css/inlineは同じ結果をもたらすようですが、iframeは複数ページのアプリケーションです。ページは400pxから900pxです。最小ページの最小高さを設定するとiFrame小さすぎる...だから私が必要とするのは高さです:もしそれが910pxを超えていなければ100%...それはJavaScriptを使って行う必要があるかもしれないような音...笑感謝! – Mikey1980