％でのiframeの高さはIEでは機能しません

Question

タイトルはすべてのブラウザで表示されていますが、高さは61％です。それはIEではありませんうまく動作し、それはautomaticaly私のCSSを完全に無視して高さを設定するようだ。ピクセルに設定しようとするとうまくいきますが、解像度を低くして高さを上げて61％を使う必要があります。

コード：

そして、これが、それはIE上でどのように見えるかです：コンテナのdivの高さを100％

に設定されている

#ifrm 
{ 
overflow: hidden; 
width: 70%;  /*990px*/ 
height: 61%;  /*630px*/ 
border-width: 0px; 
margin: 0 auto 0 auto; 
float: left; 
} 

これは、それがクロムに​​どのように見えるかです：

私はこのブラウザをあまりにも嫌う多くのトラブルを引き起こします。昨日、私はアニメーション上でSVGをPNG画像に変更しなければなりませんでした。なぜなら、IEは回転を処理できず、全体がねじれていたからです。

はここでデモです：実際には

http://klaunfizia.pl/damian/

Answer 1

それがFirefoxで私はIEと同様に見ることができ、IEの問題ではありません。

は、配置しようとすると：

html, body{ 
    height: 100%; 
} 

デフォルトでブラウザは、すべてのブロック要素のために100％に幅を設定しますが、これは高さのデフォルトの動作ではありませんので、これが起こります。

Answer 2

ブロック表示を使用するには、iframeにCSSを設定するだけです。その後、高さが高く評価されます。

#ifrm 
{ 
overflow: hidden; 
width: 70%;  /*990px*/ 
height: 61%;  /*630px*/ 
border-width: 0px; 
margin: 0 auto 0 auto; 
float: left; 
display: block; 
}