我正在創建一個網站http://tapasya.co.in,我發現這個網站在IE 6中有一些佈局問題,但在Mozilla中工作正常。在IE瀏覽器的CSS佈局問題,在Mozilla工作幾乎沒問題
我希望這個網站看起來和現在在Mozilla中一樣。
我需要在CSS做什麼使它工作完美。
在Mozilla中它們也是兩行之間的小空間。我不想要那個空間。 每行不應有任何保證金
請提出我需要做什麼更改在CSS中。
我正在創建一個網站http://tapasya.co.in,我發現這個網站在IE 6中有一些佈局問題,但在Mozilla中工作正常。在IE瀏覽器的CSS佈局問題,在Mozilla工作幾乎沒問題
我希望這個網站看起來和現在在Mozilla中一樣。
我需要在CSS做什麼使它工作完美。
在Mozilla中它們也是兩行之間的小空間。我不想要那個空間。 每行不應有任何保證金
請提出我需要做什麼更改在CSS中。
我會爲每個版本的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屬性。在大多數情況下,這些屬性將爲margin
和padding
屬性。
如果你已經使用了float,那麼在浮動方向上的邊距在IE6中會增加一倍。看到這個link查找有關此
更多信息這是瀏覽器測試here
您可能想要關閉這些註釋。 – deceze 2010-03-10 10:46:57
謝謝。編輯:) – pixeltocode 2010-03-10 10:52:50
IE不符合設計者的要求。所以,你有什麼是使用IE單獨的樣式表(不完整的CSS,但那些在IE造成問題),最後把這個代碼在烏爾頭標記
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie_style.css" />
<![endif]-->
,並指出了IE瀏覽器的樣式表的href
@RagZ THX烏拉圭回合支持成本。還有一個Q,你給出的這個標籤是否會自動檢測IE並相應地添加這個CSS,或者我們是否需要編寫一些其他代碼來相應地使用css。 – 2010-03-10 10:17:06
上面的代碼就夠了。只有IE瀏覽器才能執行上面的代碼 – RagZ 2010-03-10 10:35:42
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;
}
歡迎 「樂趣」 和支持IE6 ... – Richard 2010-03-10 10:03:37