CSS IE與Firefox的邊際問題

我試圖在HTML/CSS中製作橫幅。但是，我在其中一個div的邊際存在問題。它在Firefox中完美工作，但不在IE中。CSS IE與Firefox的邊際問題

#lowerText{ 
     float: left; 
     margin-top: 50px; 
     margin-left: -185px; 
     color: rgb(255, 199, 142); 
     font-family: 'Special Elite', cursive; 
     font-size: 15px; 
     text-transform: uppercase; 
     display:inline; 
} 

#upperText{ 
     float: left; 
     margin-left: 20px; 
     margin-top: -10px; 
     color: rgb(255, 199, 142); 
     font-family: 'Special Elite', cursive; 
     font-size: 30px; 
     text-transform: uppercase; 
     display:inline; 
}

這是在#lowerText一個h3標籤，它說：「-foo富富巴」。在IE中它只顯示：「oo bar」。該div中的文字必須位於#upperText之下的特定位置。但#lowerText中的margin-left: 185px不顯示在IE中，但它顯示在Firefox中。

我需要做些什麼來解決這個問題？

來源

2011-10-02 Magnus

你可以展示你到目前爲止？ http://jsbin.com/ – thirtydot

你是什麼意思，我到目前爲止？ – Magnus

我的意思是，你可以製作一個包含HTML/CSS的JS Bin演示文件來重現你的問題。製作演示使我們能夠更輕鬆地回答您的問題。 – thirtydot

在你的評論中，你聲明你的jsfiddle在IE中工作。 jsfiddle auto會插入一個doctype，我現在假設你沒有在你的原始頁面中。如果是這樣，IE瀏覽器處於怪異模式，沒有文檔類型和問題的原因（除了IE是這個星球上最糟糕的瀏覽器）。

編輯：沒有看第一。 jsfiddle顯示文檔類型。你把那個放在那裏？

來源

2011-10-02 19:08:05 Rob

CSS IE與Firefox的邊際問題

回答

相關問題