IE8邊框和保證金問題

我在我們公司的內部網上有一個我無法弄清楚的樣式問題。它只發生在IE8或更低版本。 IE 9/10，FF，Chrome，Safari和Opera都可以。IE8邊框和保證金問題

問題是一個邊界，即使我用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;"> 
...

來源

2013-10-16 Reece Dodds

默認情況下，IE8將自身引入兼容模式以供Intranet站點使用。這是這種情況嗎？ – isherwood

情況並非如此。它實際上只是一個私人網站，但工作人員稱之爲我們的內部網。這就是說......構建它的開發人員有一些奇怪的想法和我的IE瀏覽器（自9以來，一直不得不使用兼容模式）。我想（我可能是錯的），這個問題更多的是一個IE瀏覽器的CSS規則... –

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

邊距IIRC你可以在頁內定義。

來源

2013-10-17 01:02:35

完美！非常感謝。我在IE的開發人員工具中花費了很多時間來試圖解決這個問題。 –

IE8邊框和保證金問題

回答

相關問題