Comment donnez-vous l’iframe 100% height

j’essaie

 

mais ça ne le redimensionne toujours pas. Quand j’essaie la hauteur en pixels, ça marche.

edit: 100% semble fonctionner sur IE mais pas sur Firefox

Vous pouvez le faire avec CSS:

  

Sachez que cela le placera par défaut dans le coin supérieur gauche de la page, mais je suppose que c’est ce que vous voulez réaliser. Vous pouvez vous positionner avec les propriétés CSS left , right , top et bottom .

Le problème avec les iframes qui n’obtiennent pas 100% de hauteur n’est pas parce qu’ils sont peu maniables. Le problème est que pour qu’ils atteignent 100% de leur taille, ils doivent avoir 100% de leur taille . Si l’un des parents de l’iframe n’est pas à 100%, l’iframe ne pourra pas dépasser la taille de ce parent.

La meilleure solution possible serait donc:

 html, body, iframe { height: 100%; } 

… Étant donné que l’iframe est directement sous le corps . Si l’iframe a un parent entre lui et le corps, l’iframe aura toujours la hauteur de son parent. Il faut définir explicitement la hauteur de chaque parent à 100% (si c’est ce que l’on veut).

Testé dans:

Chrome 30 , Firefox 24 , Safari 6.0.5 , Opera 16 , IE 7, 8, 9 and 10

PS: Je ne veux pas être pointilleux mais la solution marquée comme correcte ne fonctionne pas sur Firefox 24 au moment de la rédaction de cet article, mais sur Chrome 30 . Je n’ai pas testé sur d’autres navigateurs. J’ai trouvé l’erreur sur Firefox parce que la page que je testais avait très peu de contenu … Il se peut que ce soit mon petit balisage ou la réinitialisation CSS modifiant la sortie, mais si j’ai rencontré cette erreur, la réponse acceptée ne fonctionnera pas dans toutes les situations

L’atsortingbut iFrame ne prend pas en charge le pourcentage en HTML5. Il ne supporte que les pixels. http://www.w3schools.com/tags/att_iframe_height.asp