“Plein écran” <iframe>

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:

InformationsquelleAutor Trufa | 2010-10-20

html iframe

95

La body a une marge par défaut dans la plupart des navigateurs. Essayez:
```
body {
    margin: 0;
}
```
dans la page avec le iframe.
- Parfait!!! a travaillé comme un charme! merci beaucoup!!
- Recherche google pour "reset css'
- ne fonctionne pas sur chrome
InformationsquelleAutor kevingessner
245

Pour couvrir la totalité de la fenêtre d'affichage, vous pouvez utiliser:
```
<iframe src="mypage.html" style="position:fixed; top:0; left:0; bottom:0; right:0; 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 un supplément de display:none et JS pour l'afficher lorsque l'utilisateur clique sur le contrôle approprié.

Remarque: Pour remplir le parent de la zone d'affichage au lieu de la totalité de la fenêtre d'affichage, changer position:fixed à position:absolute.
- Cette réponse résout comment faire iframe occuper la totalité de l'écran
- Vous pouvez également utiliser fenêtre d'affichage de pourcentage de la longueur de..
- accepté réponse n'a pas de travail pour moi. ce n'. merci.
- Super réponse! Simple, cross-browser, et définitive.
- Fonctionne parfaitement avec HTML 5
- Est-il un moyen de le faire sans que la position relative?
- Voulez-vous dire par "sans position fixe"?
- Oui, désolé
- Fixe est ce qu'il fait par rapport à la fenêtre d'affichage. De quoi êtes-vous être de vouloir atteindre?
- Vérifié avec Apple émulateur. Safari n'est pas compatible.
InformationsquelleAutor Lawrence Dol
35

Vous pouvez également utiliser fenêtre d'affichage de pourcentage longueurs de réaliser ceci:

5.1.2. Fenêtre-pourcentage des longueurs: le ‘vw’, ‘te’, ‘vmin’, ‘vmax’ unités

De la fenêtre d'affichage de pourcentage de la longueur par rapport à la taille de la première contient un bloc. Lorsque la hauteur ou la largeur de la première contenant le bloc est modifié, ils sont mis à l'échelle en conséquence.

Où 100vh représente la hauteur de la fenêtre d'affichage, et de même 100vw représente la largeur.

Exemple

CSS:
```
body {
    margin: 0;            /* Reset default margin */
}
iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
```
HTML:
```
<iframe></iframe>
```
C'est pris en charge dans la plupart des navigateurs modernes - le support peut être trouvé ici.
- Ce droit ici est de l'or!
- Wow! Génial solution!
InformationsquelleAutor Josh Crozier

Utilisation 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>

pas de travail pour moi. Le Chrome.

InformationsquelleAutor Hritik

6

Essayez d'ajouter l'attribut suivant:
```
scrolling="no"
```
InformationsquelleAutor cmaxtech
5

Impossible à dire sans voir un exemple vivant, mais essayer de donner à ces deux organes margin: 0px
- merci de regarder mon edit, merci!!!!!
- il pourrait être à la marge, mais il pourrait aussi être autre chose. La meilleure utilisation de Firebug "Mise en page" vue de trouver
- Merci beaucoup Pekka!!! de toute façon @kevingessner cloué!
InformationsquelleAutor Pekka 웃
2

Vous pouvez essayer de frameborder=0.
- Merci mais c'est "à l'intérieur de l'iframe" j'ai dû modifier l'extérieur (je n'ai pas savoir que jusqu' @kevingessner réponse) merci!!!!!
InformationsquelleAutor Newbie

-2

Utiliser ce code à la place de celui-ci:

    <frameset rows="100%,*">
        <frame src="-------------------------URL-------------------------------">
        <noframes>
            <body>
                Your browser does not support frames. To wiew this page please use supporting browsers.
            </body>
        </noframes>
    </frameset>

N'est plus pris en charge dans HTML5

InformationsquelleAutor IşIk İşİtEn

Vous devez vous connecter pour publier un commentaire.