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

J'ai créé un code iframe que je veux que les gens à utiliser comme un widget sur leur site web. Cette iframe chargera une page Web qui a un bouton et un compteur. Dans la page accessible, j'ai un graphique.Pourquoi mon contenu iframe est-il entouré d'une zone vide?

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

A 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 qui doit être affiché

<%@ 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>

Note: J'utilise css en ligne. La marge et le remplissage sont réglés sur 0, mais les images sont affichées un peu décalées par rapport au haut et à gauche.

Des idées?

Source

2009-01-05 Cyril Gupta

Vous avez probablement besoin d'enlever le rembourrage et les marges de la <body>.

Source

2009-01-05 17:49:17 Greg

Cela semble être le problème le plus probable. html, body {remplissage: 0; marge: 0; } devrait prendre soin d'elle. –

assurez-vous que cela se fait dans la page affichée à l'intérieur du cadre iFrame et –

body {padding: 0; margin: 0;} l'a fait. Merci Zack. –

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

Source

2011-08-17 13:12:40 Nick

Cette astuce a fonctionné pour moi! seules les réponses du Code –

Essayez Ce code de style, il supprimera iframe autour de l'espace vide

<style> 
    iframe { display:block; } 
    html, body { 
     border: 0px; 
     margin: 0px; 
     padding: 0px; 
    } 
    </style>

Source

2017-03-26 15:08:48

sont de faible qualité et candidats à la suppression, il devrait y avoir au moins une ou deux phrases expliquant ce que ce code et comment il répond à la question. –

ok merci pour suggestion valable –

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

Répondre

Questions connexes