2011-07-26 10 views
0

ページの上部に高さ20-30px、幅100%のフォームがあります。下に100%の高さと100%の幅を持つiframeがあります。しかし、これはスクロールをもたらします。なぜなら、ページの高さが範囲外であるからです。iframeの位置を修正しました

スクロールせずに両方を100%フィットにするにはどうすればよいですか? ...私は、IFRAMEの83%に高さを変えること知っ

PSはそれを動作させるだろうが、唯一のクロムのために、IEのためにそれは別の話である

+0

あなたのCSSセットはhtml、body {height:100%;}ですか? –

答えて

0

に位置してposition:absoluteを持っているを設定してみてくださいフォーム:

form{ 
     width:100%;height:30px; 
} 
iframe{ 
     width:100%;position:absolute;top:30px;bottom:0px; 
} 
+0

フォームはどのように30pxになると思いますか?クロームでは1つのサイズがあり、IEではそれが異なります。 – htmlnoob

+0

これは、あるブラウザで一方的に見え、別のブラウザでは全く違っていると悪いことです。私の答えに示すように、フォームの高さを30pxに設定すると、すべてのブラウザで同じ高さにレンダリングされます。 – element119

関連する問題