2011-03-18 55 views
-1

我無法弄清楚爲什麼當網站的其他部分正常工作時,我的網站中2頁的佈局在IE 7/8中被破壞。它們都被分成了來自CMS的模板,因此它將相同的NAV等引入到所有頁面中。IE的Bug與CSS?

這就是它應該看起來像

http://test.clothesaid.co.uk/collection-protection/

但這些2頁BROKEN IN IE7/IE8

http://test.clothesaid.co.uk/media_centre

http://test.clothesaid.co.uk/jobs

HTML是有效距

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

但它總是扼殺在那。除了一些CSS3值之外,CSS是有效的。 FireBug控制檯中沒有JS錯誤。

我已經江郎才盡,任何幫助將是驚人的

+0

你需要具體說明什麼是「破碎」。我們應該如何知道你的頁面應該是什麼樣子? – 2011-03-18 13:34:13

+0

我已經把它鏈接到它應該看起來像 – Yammi 2011-03-18 13:36:01

+0

@理查德原則上我同意,但它很容易看到什麼是在IE8破壞 – 2011-03-18 13:37:05

回答

1

兩個頁面在怪異模式默認渲染IE。如果你看一下兩個頁面的源代碼,第一行是

<!-- jobs/index --> 

如果你把說出來,該頁面將在標準模式下再次呈現。

+0

好地方!不知道爲什麼該線路進入該模板!非常感謝 – Yammi 2011-03-18 14:03:24

+0

好的偵探!我沒有注意到,因爲Firebug不顯示評論! – jdmichal 2011-03-18 14:07:10

0

檢查了這一點,從另一個答案:Using "margin: 0 auto;" in Internet Explorer 8

與你的第二個問題開始:「保證金:0汽車」爲中心的塊,但只有當塊的寬度設置爲小於父寬度時。通常,他們會變得一樣。這就是爲什麼下面的例子中的文字不居中。

當你添加元素的寬度,邊框和填充時,它應該打破這個約束。請注意,它似乎是一個嚴格的小於約束。

906 - width 
40 - padding-left 
40 - padding-right 
    2 - border-left 
    2 - border-right 
--- 
990 

這麼說,我不知道爲什麼這不影響「工作」網頁...

+0

謝謝你的回覆。但是,如果這是一個CSS問題,那麼肯定會打破每一頁? – Yammi 2011-03-18 13:49:45

+0

@YAMMI是啊,我剛剛編輯包括。我仍然會嘗試在主內容div上放置一個或多個像素的寬度,看看是否突然修復了這個問題。這當然是一個意外! – jdmichal 2011-03-18 13:51:09

+0

@YAMMI我只是想...... IE還有一個擴展容器寬度以容納兒童內容的習慣。這可能會在沒有任何警告的情況下擴展內容分區。 – jdmichal 2011-03-18 14:05:54