Warum hat mein iframe Inhalt in einen leeren Bereich um ihn herum haben?

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

  •  03-07-2019
  •  | 
  •  

Frage

Ich habe einen Iframe-Code erstellt, die ich Menschen als Widget auf ihrer Website verwenden möchte. Diese iframe wird eine Webseite laden, die einen Knopf und einen Zähler aufweist. In der aufgerufenen Seite habe ich eine Grafik bekommt.

Aber die iframe wird im Browser mit einem weißen leeren Bereich um ihn herum gemacht. Warum passiert dies? Hier ist mein Code: -

Auf der Client-Seite: 

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

Die Seite, die angezeigt werden soll, 

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

Hinweis: Ich bin mit Inline-CSS. Margin und padding auf 0 gesetzt, doch die Bilder etwas versetzt von oben und links angezeigt werden.

Irgendwelche Ideen?

War es hilfreich?

Lösung

Sie müssen wahrscheinlich Polsterung und Margen aus dem <body> entfernen.

Andere Tipps

Ich hatte ein ähnliches Problem. Die leere Fläche ist von der Seite in der Iframe selbst. Ich entfernte sie durch in den iframe enthaltenen margin-left:-10px; margin-top:-10px im Stylesheet der Seite zu tun.

Versuchen Code Dieser Stil es iframe umgebenden leeren Raum entfernen wird 

<style>
    iframe { display:block; }
    html, body {
        border: 0px;
        margin: 0px;
        padding: 0px;
    }
    </style>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top