IFRAME Ajustement ensemble du contenu pas de barre de défilement
Bonjour et bien je ne peux pas obtenir mon IFRAME de travail. Je veux sa hauteur pour s'adapter à l'ensemble de la zone de contenu. Quand j'ai mis hauteur de 100%, il ne correspond pas à l'ensemble de la zone et ne s'installe que sur 3/4s de la zone de contenu. Voici mon code:
<iframe src="some.html" frameborder="0" style="overflow:hidden; display:block; height:100%; width:100%" height="100%" width="100%">
<p style="">Your browser does not support iframes.</p>
Comment puis-je intégrer tout le contenu sont sur mon iframe?
OriginalL'auteur user3264162 | 2014-02-16
Vous devez vous connecter pour publier un commentaire.
L'utiliser dans votre code, votre problème est qu'il a dû être mis à
position: absolute
, sinon il va tout simplement vous donner la largeur et la hauteur dont vous avez besoin.OriginalL'auteur BruceWayne
ajouter
body,html{ height: 100% }
à votre css, devrait résoudre votre problème. Cela suppose que le corps de la balise est votre parent. Ce violon pourrait vous aider un peu http://jsfiddle.net/8qALc/OriginalL'auteur Andy Holmes
Les deux réponses sont tout à fait juste, mais il ya quelques défauts. Au lieu de cela, cela devrait fonctionner dans n'importe quel navigateur moderne *:
Voir la démo
Voir
seamless
propriété compatibilité du navigateur.*Pour HTML4 soutenir les ajouter à l'iframe:
frameborder="0" height="100%" width="100%"
OriginalL'auteur Oriol