2010-03-10 118 views
-1

我正在創建一個網站http://tapasya.co.in,我發現這個網站在IE 6中有一些佈局問題,但在Mozilla中工作正常。在IE瀏覽器的CSS佈局問題,在Mozilla工作幾乎沒問題

我希望這個網站看起來和現在在Mozilla中一樣。

我需要在CSS做什麼使它工作完美。

在Mozilla中它們也是兩行之間的小空間。我不想要那個空間。 每行不應有任何保證金

請提出我需要做什麼更改在CSS中。

+1

歡迎 「樂趣」 和支持IE6 ... – Richard 2010-03-10 10:03:37

回答

1

我會爲每個版本的IE使用條件CSS。一旦你對IE的每個版本單獨的CSS文件,您可以使用「LT」(比較小)和「GT」(大於)定位的每個版本如下圖所示

<!--[if lt IE7]> 
<link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]--> 

<!--[if IE7]> 
<link rel="stylesheet" type="text/css" href="ie7.css" /> 
<![endif]--> 

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

,你這時就需要重新指定導致問題的CSS屬性。在大多數情況下,這些屬性將爲marginpadding屬性。

如果你已經使用了float,那麼在浮動方向上的邊距在IE6中會增加一倍。看到這個link查找有關此

更多信息這是瀏覽器測試here

+0

您可能想要關閉這些註釋。 – deceze 2010-03-10 10:46:57

+0

謝謝。編輯:) – pixeltocode 2010-03-10 10:52:50

0

IE不符合設計者的要求。所以,你有什麼是使用IE單獨的樣式表(不完整的CSS,但那些在IE造成問題),最後把這個代碼在烏爾頭標記

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

,並指出了IE瀏覽器的樣式表的href

+0

@RagZ THX烏拉圭回合支持成本。還有一個Q,你給出的這個標籤是否會自動檢測IE並相應地添加這個CSS,或者我們是否需要編寫一些其他代碼來相應地使用css。 – 2010-03-10 10:17:06

+0

上面的代碼就夠了。只有IE瀏覽器才能執行上面的代碼 – RagZ 2010-03-10 10:35:42

1

IE6拓展空白的div元素的字體大小隻是在你決定把文字在他們的情況下一套好的工具。

添加的line-height:0和字體大小:0到div.content1_dvider_div

#content1_bg div.content1_dvider_div { 
    background:url("../Images/content1_div.gi") repeat-y scroll center center #EFEFEF; 
    height:5px; 
    margin:15px 0 0; 
    line-height:0; 
    font-size:0; 

}