iframe height en % ne fonctionne pas avec IE

Titre dit tout, alors que dans les différents navigateurs hauteur: 61%; fonctionne très bien, il n'est pas dans IE, il me semble qu'il définit automatiquement la hauteur ignorant totalement mon CSS. Si j'ai essayez de pixels, il fonctionne très bien, mais je veux en hauteur pour s'adapter à des résolutions inférieures, donc j'ai besoin d'utiliser de 61% ici.

Code:

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

Div conteneur hauteur est fixée à 100%

C'est à quoi il ressemble sur google Chrome:
iframe height en % ne fonctionne pas avec IE

Et c'est à quoi il ressemble sur IE:
iframe height en % ne fonctionne pas avec IE

Personnellement, je déteste ce navigateur de sorte que beaucoup parce qu'elle a toujours fait beaucoup de mal. Hier, j'ai été contraint de changer de SVG pour les images PNG sur mon animation car IE ne peut pas la rotation de la poignée et tout était tordu ^^ des idées?

Voici la démo:

http://klaunfizia.pl/damian/

Quelle version de IE? Avez-vous un travail de démonstration?
essayez d'utiliser !important.
IE9, !important ne l'aide pas.
Essayez d'assigner 100% hauteur pour les documents body. Ce fixe ie8 %-en fonction de la hauteur des enjeux.

OriginalL'auteur user2660811 | 2013-10-12

  1. 7

    En fait, il n'est pas un problème avec IE, Firefox, je peux voir la même chose que dans IE.

    Essayer de mettre:

    html, body{
    height: 100%;
}

    Cela se produit parce que le navigateur par défaut définit la largeur à 100% pour tous les éléments de bloc, mais ce n'est pas le comportement par défaut pour la hauteur.

    Merci! Qui a fait le tour! 🙂
    Là vous allez 🙂

    OriginalL'auteur Néstor

  2. 2

    Tous vous avez vraiment besoin de faire est de mettre en CSS sur l'iframe à utiliser le bloc d'affichage. La hauteur sera à l'honneur.

    #ifrm
{
overflow: hidden;
width: 70%;       /*990px*/
height: 61%;      /*630px*/
border-width: 0px;
margin: 0 auto 0 auto;
float: left;
display: block;
}
    Ne fonctionne pas dans mon cas
    est-ce dans IE 9 qu'il ne fonctionne pas? Peut-être quelques autres CSS que vous avez sur la page d'interférer? Le principal problème est qu'une iframe, est, par définition, en ligne, qui ne peut pas avoir de la hauteur. Assurez-vous qu'il est rendu en tant que bloc devrait permettre à la hauteur spécifiée.

    OriginalL'auteur Neil Monroe