iframe yüksekliği IE ile çalışmıyor

Question

Başlık, her şeyi söylüyor farklı tarayıcılar yüksekliği ise:% 61; IE'de işe yaramıyor, otomatik olarak CSS'yi yok sayıyor. Pikselleri ayarlamaya çalışırsam iyi çalışır, ancak daha düşük çözünürlüklere uyum sağlamak için yükseklik istiyorum, bu yüzden burada% 61 kullanmam gerekiyor.

Kodu:

Ve bu IE üzerinde nasıl göründüğünü geçerli:

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

Konteyner div yüksekliği ayarlanır%

100 Bu Chrome'da nasıl göründüğünü geçerli:

Ben personaly bu tarayıcıyı nefret o kadar çok zaman m çünkü bir sürü sorun var. IE rotasyon ve her şey ^^ Herhangi fikirleri bükülmüş işleyemez, çünkü benim animasyon üzerine PNG görüntülere SVG değiştirmek zorunda kaldı Dün?

İşte demo: Aslında

http://klaunfizia.pl/damian/

Answer 1

Firefox'ta IE ile aynı görebilirsiniz IE ile bir sorun değildir.

koymak deneyin:

html, body{ 
    height: 100%; 
} 

varsayılan olarak tarayıcı tüm blok elemanları% 100'e genişliğini ayarlar, ancak bu yükseklik için varsayılan davranış değildir çünkü bu olur.

Answer 2

gerçekten yapmanız gereken blok ekran kullanmak için iframe üzerindeki CSS ayarlanır. Sonra yükseklik onurlandırılacak.

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