Pourquoi mon contenu iframe est-il entouré d'une zone vide?

StackOverflow https://stackoverflow.com/questions/413912

  •  03-07-2019
  •  | 
  •  

Question

J'ai créé un code iframe que je veux que les gens utilisent comme widget sur leur site Web. Cette iframe chargera une page Web comportant un bouton et un compteur. Dans la page consultée, j'ai un graphique.

Mais l’iframe est rendu dans le navigateur avec une zone vide blanche autour. Pourquoi cela arrive-t-il? Voici mon code: -

Du côté client: 

<script type="text/javascript">
    window.onload = function() {
        document.all.myframe.src = "blogup.aspx?url=" + window.location.href;
    }
</script>

<iframe id="myframe" height="75" width="235" scrolling="no" frameborder="0">
</iframe>

La page à afficher 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="blogup.aspx.cs" Inherits="blogup" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<body>
    <form id="form1" runat="server">
        <img style="float: left" src="images/blogup1.jpg" alt="Blogvani.com - Indian blogs aggregator" />
        <div style="font-family: Verdana; font-size: 16px; margin:0;padding:0;font-weight: bold; background: url('images/blogup2.jpg') no-repeat;
            height: 50; width: 44; padding: 22px 5px 5px 5px; text-align: center">
            <a href="javascript:voteup('<%= PostURL %>')" id="votecount" style="text-decoration: none;
                color: #026A88">115</a></div>
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server">
        <Services>
            <asp:ServiceReference Path="~/Services.asmx"             
        </Services>
    </asp:ScriptManager>

    </form>
</body>
</html>

Remarque: j'utilise des fichiers CSS intégrés. Les marges et les marges de remplissage sont définies sur 0. Cependant, les images sont affichées avec un léger décalage par rapport au haut et à la gauche.

Des idées?

Était-ce utile?

La solution

Vous devez probablement supprimer le remplissage et les marges du <body>.

Autres conseils

J'ai eu un problème similaire. La zone vide est celle de la page dans l'iframe même. Je l'ai supprimé en faisant margin-left:-10px; margin-top:-10px dans la feuille de style de la page contenue dans l'iframe.

Essayez ce code de style, il supprimera l'iframe entourant l'espace vide 

<style>
    iframe { display:block; }
    html, body {
        border: 0px;
        margin: 0px;
        padding: 0px;
    }
    </style>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top