Question

我在公司内部网上遇到了一个样式问题，我无法弄明白。它只发生在IE8或更低版本。 IE 9/10，FF，Chrome，Safari和Opera都可以。

即使我使用了border:none;，margin:0!important;和padding:0!important;，问题仍然出现边框和填充，并且内部将内容推到右侧并导致水平滚动酒吧出现。

example

这是令人困惑的地方...... 我们的内联网（asp）有“面板”，你可以在上面的截图中看到。有一个“自定义HTML”面板，允许我将HTML插入到该面板的SQL数据库单元格中，但是要查看复杂的html，最好存储一个file.html页面并使用iframe将其拉入面板。我可以在我的file.html中提供iframe引用和css ...哪一个是最可能的罪魁祸首？

SQL数据库中的iframe引用：

{top|Members,Forum,HTML($$Summit 2013 Information$$<iframe src="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" width="768" height="1926" style="border:none!important; margin:0px!important; padding:0px!important;"><p>Your browser does not support iframes.<br /><br /><a href="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" target="_blank">Click here to open in a new window</a></p></iframe>)}{middleLeft|}{middleRight|}{bottom|}{hidden|Announcements,Items,Tasks,Collections,WhatsOn,Activity,RSS,QuoteOfDay,Absentee}

Summit2013.html，不相关的样式和html已删除

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
#iframe-wrapper {
    display: block;
    width:760px;
    padding:0px;
    margin:0 auto;
}
...
</style>
</head>

<body style="margin:5px 0 0 7px !important;">
...

Answer 1

<iframe frameborder="0" ...></iframe>

您可以在内页中定义边距IIRC。

IE8边界和保证金问题

1 个答案: