1. 首頁
  2. 問答
  3. Internet Explorer 7的CSS問題

Internet Explorer 7的CSS問題

2010-07-07 143 views
2

您好我正在修改一個使用smarty模板引擎的cs-cart主題。我能夠將購物車鏈接移動到頂部菜單上方，並顯示Ok，IE8 firefox等.Hovewer IE7創建了一個空白空間。我怎麼能讓IE7開心。我添加了必要的樣式表和tpl files。主要的css文件是style.css和stle.base.css。Internet Explorer 7的CSS問題

IE8沒有空間 alt text http://public.blu.livefilestore.com/y1pSVU-pq1r6P8Tuw7rjpEieN8wCpAoC2VsmpBYWg3hG6xje45EWF6xrFAEXd7PBzfsNvgkpHK0WGoOVynnWrJrXg/ie8.png?psid=1

IE7與空間 alt text http://7uil7a.blu.livefilestore.com/y1pvNHi8Zr3khcizQTV4TkL_sEQaJJKVh-JsiZntjHM4BbDKnE11mVFPf8Ug52P6_6klZM99ffApAV-EfNM4Fc3zmASjMggWaF0/ie7space.png?psid=1

來源

2010-07-07 Gok Demir

回答

2

IE7不會呈現CSS很好。創建IE7一個特殊的CSS文件並將其包含在你的HTML如下：

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

在ie7.css，直到兩個版本出現相同的修改邊距，填充等。

來源

2010-07-07 13:54:00 mcandre

+0

感謝，但我的問題是，如何讓IE7看起來像IE8。 – 2010-07-07 13:56:28

+3

通過只做我所描述的。 – mcandre 2010-07-07 14:03:12

2

上面的答案是有幫助的，但在附加：

在<head></head>標籤補充一點：

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

的ie7.css裏你的元素添加進去，例如

.cart-thingy { 
    margin: -10px 0 0 0; 
}

依此類推。

這肯定會有所幫助：

Conditional comments

來源

2010-07-07 14:02:17 MacMac

+0

它剛剛在「汽車是空的」以上10px。空間仍然存在 – 2010-07-07 14:05:25

+0

對不起，下面的「購物車是空的」 – 2010-07-07 14:10:54

+0

我編輯了代碼，再次嘗試CSS代碼，它應該'拉'的東西，將停止顯示的空間 - 你可以增加-10px到一個更高的數字將其移動更多。 – MacMac 2010-07-07 18:23:29

相關問題

 相關問題