2008-10-27 80 views
4

我一直在做一個網頁。這是我第一次嘗試使用圖像進行設計,然後使用適當的CSS佈局而不是表格。什麼是確定CSS問題源的最佳方法

http://www.roccocammisola.com/proj/brunel/bgimage.html

我一直有與主要內容區域兩側的陰影問題。當然這些只是IE中的一個問題。正如你所看到的那樣,陰影已經被削減到實際高度的10%左右。

由於我的親戚經驗不足,我該如何尋找這個問題的相關修復。

任何幫助將非常感激。

回答

7

FireBug,這是調試CSS最重要的工具。

get it here

+0

既然他說他的問題只與IE有關,那麼這將如何幫助他呢? – BoltBait 2008-10-27 19:23:08

1

+1 Firebug的

在這種特殊情況下,我只是建議你的影子了新的途徑。目前,你有他們作爲項目。您通常希望使用CSS背景圖像來處理這樣的事情。

.mainShadowRight { 
*/ your other stuff */ 
url('images/mainShadowRight.gif'); 
} 
7

IE Web Developer Toolbar 它並不像一般的螢火蟲一樣好,但是當你有一個特定的IE瀏覽器的問題它幫助。

1

你.mainShadowRight CSS類指定一個最小高度(其中IE6不明白了,IE7並不總是100%得到正確)

和DLarsen指出,看來你缺少背景-image:url();位。

2

除了Firebug,確保您的HTML是有效的是一個寶貴的工具,可以最大限度地減少CSS頭痛。有時你的CSS可能無法正常工作,因爲HTML中存在錯誤。不同的瀏覽器有不同的方式來處理不正確的書面HTML,有時可能會使它看起來像是一個跨瀏覽器的CSS問題。驗證器可以幫助您查找標記中的錯誤。

http://validator.w3.org/

0

感謝您的答案,似乎已經完成了帽子戲法。

我想我上傳了,因爲我應該definitley在那裏有bg圖像的東西。

IE瀏覽器開發工具欄看起來不錯,因爲我有FF的螢火蟲和網頁開發欄。

0

調試CSS的另一個熱門推薦 - CSS Viewer

這是一個Firefox附加組件,允許您將鼠標懸停在網頁中的元素上並查看其確切樣式。通常你會發現最終的風格不是你的意思,可能是由於一些風格的繼承。

相關問題