Même après avoir défini l'attribut frameborder dans l'iframe sur 0, des espaces blancs sont toujours présents autour de la bordure iframe (contrairement à la page url/link d'origine) . Y a-t-il un autre moyen de se débarrasser de l'espace blanc ou un peu de blanc doit être présenté autour de l'iframe tel qu'il est dans la page web (ou une partie de celle-ci) et ne peut pas être toute la page? Je vous remercie.Un espace blanc est toujours présent autour de la bordure iframe même après avoir défini le frameborder sur 0
Répondre
Peut-être que les espaces est en fait la marge en dehors du document chargé dans le . Essayez le document styling chargé de:
html, body {
border: 0px;
margin: 0px;
padding: 0px;
}
Merci. Je pense que ce que vous avez dit est vrai, j'ai utilisé le code que vous avez écrit et cela a fonctionné pour moi. Merci d'avoir répondu. – Muaz
Homme! Vous avez résolu un problème! J'ai mon code qui me donnait un problème comme celui-ci et utilisé votre suggestion. Tu as sauvé le jour Frédéric! – KPO
essayez ceci:
<iframe bgcolor=#FFFFFF frameborder=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 width=100%
height="340"
src="myframe.html">
</iframe>
Ceci, avec les attributs html, body {} mentionnés ci-dessus - AINSI QUE l'utilisation de scrolling = "auto" - a résolu un remplissage de 10 pixels qui semblait être ajouté au bas de l'iframe contenant l'image. Cet espace ajouté provoquait l'apparition involontaire de la barre de défilement verticale à l'aide de Firefox. J'essayais de profiter de la fonction de redimensionnement automatique et de zoom de Firefox lorsque vous pointez le navigateur sur une image seule. Lorsque vous essayez ceci dans un iframe - il ajoutait de l'espace supplémentaire au bas de l'image - ou l'iframe lui-même était comme recadrer l'image. – KDawg
Les paramètres iframe définitifs que j'ai utilisés pour se débarrasser de la barre de défilement verticale étaient:
Votre réponse dans le commentaire ci-dessus a travaillé pour moi après haletant à travers le net pour les iframes. –
En ajoutant ce CSS nous pouvons faire iframe en plein écran
body,html
{
background-color:#DDEEDD;
padding:0px;
margin:0px;
height:100%;
width:100%;
overflow:hidden;
}
iframe
{
margin:0;
padding:0;
border:none;
overflow:hidden;
background-color:#DDEEDD;
}
Une duplication inutile, non? L'iframe pourrait également être après html et la section iframe supprimée. Quoi qu'il en soit, c'était la seule des suggestions qui a fonctionné pour moi, alors merci! –
ajouter simplement style="margin: 0 0 0 0"
intérieur <iframe >
étiquette.
exemple:
<iframe src="http://www.yahoo.com" style="margin: 0 0 0 0"></iframe>
Si vous voulez marge, vous devez ajouter 'px' après le numéro
(Merci à l'outil "Inspecter l'élément" du navigateur Safari) cette résolu ma solution .
La proposition de Frederic a résolu mon problème: comment se débarrasser de la bordure blanche dans un diaporama en plein écran pour un navigateur safari. Parfait! Un grand merci, wimsch [Depuis que je ne pouvais pas laisser un commentaire sur sa réponse [[< 50]]: Je l'ai mis ici pour lui faire savoir ma gratitude]
essayer
<iframe src="....." style="position:absolute;"></iframe>
je suis tombé un problème similaire: j'ai eu l'iframe à l'intérieur d'une balise figure
, et il y avait un espace blanc entre l'iframe et l'élément figcaption
.
<figure>
<iframe></iframe>
<!-- white space was here -->
<figcaption></figcaption>
</figure>
Dans mon cas, le simple ajout iframe { display:block }
résolu la question.
Appliquer ci-dessous pour iframe
display: block
devrait être commenter –
A travaillé pour moi. Merci! –
Pouvez-vous envoyer votre code iframe, et les styles que vous appliquez au document à l'intérieur de l'iframe? En guise de supposition, je dirais que vous devez définir le remplissage sur le corps du document contenu à 0, mais c'est une supposition en l'absence d'information. :-) –
Y il semble ainsi, et déjà résolu. Merci pour l'aide – Muaz