"Plein écran" <iframe>

Question

Lorsque j'utilise le code suivant pour créer une iframe:

<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>

L'iframe ne pas aller tout le chemin-un 10px blanc "frontière" entoure l'iframe. Comment pourrais-je résoudre ce problème?

Voici une image du problème:

Answer 1

Pour couvrir l'ensemble de la fenêtre d'affichage, vous pouvez utiliser:

<iframe src="mypage.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
  Your browser doesn't support IFrames
</iframe>`

Et assurez-vous de régler l'encadré de la page les marges à 0, par exemple, body { margin: 0; }. - En fait, ce n'est pas nécessaire avec cette solution.

Je me sers de ce succès, avec plus de display:none et JS pour l'afficher lorsque l'utilisateur clique sur le contrôle approprié.

Answer 2

L' body a une marge par défaut dans la plupart des navigateurs. Essayez:

body {
    margin: 0;
}

dans la page avec l' iframe.

Answer 3

Utiliser frameborder="0". Voici un exemple complet:

    <iframe src="mypage.htm" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="myPageURL.htm"> click here to view the page directly. </a></iframe>

Answer 4

Essayez d'ajouter l'attribut suivant:

scrolling="no"

Answer 5

Impossible à dire sans voir un exemple vivant, mais essayer de donner à ces deux organes margin: 0px