爲什麼我的右邊距在IE的左邊緣重疊？

一切工作在FF或Safari罰款，但IE是創建重疊的問題，我的利潤，我無法弄清楚如何解決CSS來解釋它。我試圖使用一個CSS重置文件，它實際上讓事情變得更糟。有什麼我可以改變我的原始CSS來解決這個問題？爲什麼我的右邊距在IE的左邊緣重疊？

2012-02-03 user1187043

的問題是不明確的。該網站改變，CSS不見了。 – djjeck 2016-12-28 01:09:41

你也會希望把一個瀏覽器檢查中說，如果該瀏覽器是IE使用不同的CSS文件。如果你有很多事情需要改變，這是有效的。您也可以將這些條件註釋用於內聯CSS。

<!--[if !IE]--> 
    <link type="text/css" rel="stylesheet" href="/css/StandardsCompliant.css" /> 
<!--[endif]--> 
<!--[if IE]> 
    <link type="text/css" rel="stylesheet" href="/css/ie.css" /> 
<![endif]-->

退房此鏈接瞭解更多信息 http://www.quirksmode.org/css/condcom.html

來源

2012-02-03 14:45:01 Brian

謝謝你的回覆Brian。這似乎是一個好主意，但我真的不知道如何製作特定於IE的樣式表。 – user1187043 2012-02-03 15:27:55

它沒有真正的訣竅。您只需製作樣式，以便它們能夠正確顯示，例如通過試驗和錯誤，以及何時正確保存文件，然後在鏈接中引用它，如圖所示。在沒有看到代碼的情況下，您可以嘗試在左側元素上添加一個邊距，並使用它來爲IE定位事物。 – Brian 2012-02-03 15:54:46

我想我明白你的意思了。我會試一試。 – user1187043 2012-02-03 16:02:26

從你的描述，很難準確地瞭解發生了什麼。這可能是由於利潤率崩潰（見http://complexspiral.com/publications/uncollapsing-margins/），由於IE漏洞保證金或其他原因。對於IE

最簡單的解決是作出具體樣式表的IE有條件的意見。例如，

<!--[if IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie8.css"> 
<![endif]-->

這是一個乾淨的解決方案也是在這個意義上性能損失僅適用於具有問題的瀏覽器，而主樣式沒有得到過於複雜。

瞭解更多關於有條件的意見，從http://www.quirksmode.org/css/condcom.html

用於靶向特定的瀏覽器另一個常見的策略是使用JS來檢測瀏覽器，附上相關類將HTML或DOM體元素（當然，稱爲類IE7，IE8，chrome11，...），然後使用在像這樣的css：

.button {width: 100px; padding: 10px;} 
.ie7 .button {width: 120px; padding: 10px;}

這使得對版本的瀏覽器編寫簡單的修復。

來源

2012-02-03 14:52:36 Marcus

謝謝你的回覆。我真的不知道如何精確地爲IE做一個樣式表。我只是修改了我正在使用的當前CSS樣式表。有沒有一個簡單的教程，我可以嘗試遵循特定與IE瀏覽器的CSS的交易？ – user1187043 2012-02-03 15:27:08

例如，我想，我的問題之一是標籤：} #pichead { \t保證金左：170像素; \t邊距：70像素;我需要改變在IE瀏覽器的CSS？更改散列符號或將邊距更改爲絕對值？ – user1187043 2012-02-03 15:43:44

在我鏈接的頁面上有一個quirksmode的解釋。 http://www.quirksmode.org/css/condcom.html - 我在回答中添加了一些更多的方法。 – Marcus 2012-02-03 15:45:29

爲什麼我的右邊距在IE的左邊緣重疊？

回答

相關問題