IFrame
Gen
-
Bilow Messages postés 1014 Date d'inscription Statut Membre Dernière intervention -
Bilow Messages postés 1014 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai mis un iframe sur une page d'un site, mais j'ai un problème que je n'arrive pas à résoudre, quand je réduis la grandeur de la fenêtre du navigateur le iframe ne suit pas le reste, il reste à son emplacement original.. quelqu'un pourrait m'aider, je ne sais vraiment pas pourquoi ?
Merci d'avance !
voici la page en question : http://productionsvolcano.com/photo.html
j'ai mis un iframe sur une page d'un site, mais j'ai un problème que je n'arrive pas à résoudre, quand je réduis la grandeur de la fenêtre du navigateur le iframe ne suit pas le reste, il reste à son emplacement original.. quelqu'un pourrait m'aider, je ne sais vraiment pas pourquoi ?
Merci d'avance !
voici la page en question : http://productionsvolcano.com/photo.html
3 réponses
Salut !
C'est simple : la position du div qui encadre l'iframe est absolue (position: absolute). Supprime cette propriété et tout ira bien. Toutefois, si cela reste, enlève également les paramètres "lef" et "top".
Pour information, "absolu" signifie "détaché", ce qui fait que l'iframe est détaché du reste, et en est indépendante.
Bye ;)
<div id="Layer1" style="position:absolute; left:520px; top:370px; width:321px; height:240px; z-index:1" > <iframe name="myframe" width="600" height="300" src="pic.html" frameborder="0" ></iframe> </div>
C'est simple : la position du div qui encadre l'iframe est absolue (position: absolute). Supprime cette propriété et tout ira bien. Toutefois, si cela reste, enlève également les paramètres "lef" et "top".
Pour information, "absolu" signifie "détaché", ce qui fait que l'iframe est détaché du reste, et en est indépendante.
Bye ;)
Merci pour ta réponse,
<div id="Layer1" style="left:520px; top:370px; width:321px; height:240px; z-index:1" >
<iframe name="myframe" width="600" height="300" src="pic.html" frameborder="0" ></iframe>
</div>
<p align="center"> <img src="photo3.png"> </p>
mais quand j'enlève le absolute, mon élément se retrouve plus du tout à sa place et se retrouve sous photo3 et je voudrais qu'il sois par desssu... ya tu moyen de lui donner la meme position qu'avec le absolute, mais qui s'ajuste à la grandeur de la fenêtre ?
merci encire
<div id="Layer1" style="left:520px; top:370px; width:321px; height:240px; z-index:1" >
<iframe name="myframe" width="600" height="300" src="pic.html" frameborder="0" ></iframe>
</div>
<p align="center"> <img src="photo3.png"> </p>
mais quand j'enlève le absolute, mon élément se retrouve plus du tout à sa place et se retrouve sous photo3 et je voudrais qu'il sois par desssu... ya tu moyen de lui donner la meme position qu'avec le absolute, mais qui s'ajuste à la grandeur de la fenêtre ?
merci encire
