为什么我的iframe内容周围有空白区域？
[英]Why does my iframe content have an empty area around it?
问题描述
I have created an iframe code that I want people to use as a widget on their website. 
我创建了一个iframe代码，我希望人们将其用作其网站上的小部件。 This iframe will load a webpage which has a button and a counter. 此iframe将加载具有按钮和计数器的网页。 In the accessed page I've got a graphic. 在访问过的页面中，我有一个图形。
But the iframe is rendered in the browser with a white empty area around it. 但是iframe在浏览器中呈现，周围有一个白色的空白区域。 Why is this happening? 为什么会这样？ Here's my code: - 这是我的代码： -
At the client side: 在客户端：
<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>
The page that should be displayed 应显示的页面
<%@ 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: I am using inline css. 注意：我使用的是内联css。 Margin and padding are set to 0, yet the images are being displayed a little offset from top and left. 边距和填充设置为0，但图像从顶部和左侧稍微偏移显示。
Any ideas? 有任何想法吗？
3 个解决方案
解决方案1
11 已采纳 2009-01-05 17:49:17
您可能需要从<body>删除填充和边距。
解决方案2
1 2011-08-17 13:12:40
I had a similar issue. 我有一个类似的问题。 The empty area is of the page in the iframe itself. 空白区域是iframe本身的页面。 I removed it by doing margin-left:-10px; margin-top:-10px 我通过margin-left:-10px; margin-top:-10px删除它margin-left:-10px; margin-top:-10px margin-left:-10px; margin-top:-10px in the stylesheet of the page contained in the iframe. margin-left:-10px; margin-top:-10px在iframe中包含的页面的样式表中。
解决方案3
0 2017-03-26 15:08:48
Try This style code it will remove iframe surrounding empty space 试试这个样式代码它将删除围绕空白空间的iframe
<style>
iframe { display:block; }
html, body {
border: 0px;
margin: 0px;
padding: 0px;
}
</style>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.