2011-07-25 38 views
0

請讓CSS專家告訴我爲什麼我的網站在大多數瀏覽器上看起來不錯,但是當它涉及到IE瀏覽器時,它就會崩潰。在CSS中沒有什麼特別的東西只是定位背景和邊框設置。分區定位在我的頭上橫跨瀏覽器?

它固定在導航右邊的白色邊框和主框左邊的紅色邊框。

它在FF和Safari和Chrome,但IE的出完美的幾個像素..

我怎樣才能得到它的所有工作?

http://www.uniquegeeks.co.uk/djeurope/

它幾乎一樣,如果IE使邊框在裏面,剩下的把它接壤的外...頂部和底部是彎曲的IMGS

enter image description here

感謝

Lee

+0

在IE8中,它看起來很好。您正在測試哪個版本? – tw16

+0

在IE9中看起來很好,你可能縮放東西嗎? – Bazzz

+0

在這裏也在IE8中測試它 – Lee

回答

2

它幾乎一樣,如果IE穿上內部邊界,其餘的把它放在外面

接壤這正是IE (版本低於9,至少9不確定)。我發現最好的辦法就是使用conditional comments來提供額外的樣式表,可以覆蓋IE的邊框設置。

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

所以IE是在外面加入邊框??所有其他瀏覽器都在裏面? – Lee

+0

只有不到IE6或IE6/7/8/9在怪癖模式下使用破碎的盒子模型:http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug。他的頁面不是在怪癖模式下,他的邊框是圖像。 – thirtydot

+0

其他方式迴轉。 – shanethehat

2

他在說IE 6 :)

例如,你可以使用這個http://www.dillerdesign.com/experiment/DD_belatedPNG/ 只包含文件並將選擇器傳遞給它,它會使你的PNG圖像透明。

我會推薦你​​使用css重置。

之前在CSS中正文中添加

* { 
    margin: 0; 
    padding: 0; 
} 
+0

不幸的是,這並沒有解決它:-( – Lee

+1

在評論中他說他在談論IE8 – shanethehat