2009-12-03 49 views
0

我目前正在使用Blueprint CSS框架將我的寬度設置爲910px以及由Steve Hatcher提供的sticky footer markup藍圖CSS框架/粘滯頁腳與IE6問題

問題我得到的是,由於某種原因,只有Internet Explorer 6是一個額外的填充/邊距10px被添加在我的#wrap類的右側。

我在這裏上傳我的測試網站:

http://www.prashantraju.com/test

這裏是IE6的VS IE7的比較。

comaparison http://www.prashantraju.com/test/ie6ie7.gif

正如你可以看到有在右手側IE7沒有保證金/填充(紅色區域),但在IE6有一個額外10px的。

有沒有辦法解決這個問題 - 或者額外10px的原因是什麼?

在此先感謝。

回答

1

從我能得到的FireBug中,沒有明確的寬度設置爲導航欄,如果給它一個固定的大小(與910px相同)會怎樣?

被修改:

對不起,給出的螢火CSS輸出,我懷疑您使用從screen.css從管線101中的遺傳元件:餘量右:10px的;

我認爲這是原因。

既然導航欄在樣式表中有自己的css條目,也許您可​​以將margin-right元素valut重新分配回零以解決此問題。

+0

謝謝! 在跨越910px或23列的元素上添加一個右邊距:0,在IE6中固定了10px的額外邊距。 – schone 2009-12-03 04:08:39

+0

哦,很高興聽到:) 只要順便說一句,你可以通過檢查瀏覽器類型來處理瀏覽器的不兼容問題,以便爲特定瀏覽器加載特定的CSS。 IE6是我頭痛和禍害...... – 2009-12-03 04:17:08