渲染問題FireFox

我正在創建一個網站，它在firefox和Safari中看起來有所不同。這是鏈接到網站http://storminacupcake.com/，你會看到有一個小問題：它在Safari中看起來很好，但在Firefox中的單元格之間有一個小的差距。有人能告訴我我做錯了什麼嗎？謝謝，亞歷克斯渲染問題FireFox

來源

2011-01-08 Alexandre Cassagne

我發現你的問題：你正在使用表格進行佈局。改用CSS。 – 2011-01-08 16:46:08

所有的答案建議你重做你的網站沒有表是正確的 - 你應該這樣做。

但是，爲了幫助你得到你目前有工作的現場，這裏是解決問題的方法：

在style.css，改變p{margin:.0 0 .3em 0;}到p{margin:0 0 .1em 0}。

來源

2011-01-08 16:58:29 thirtydot

我沒有用FF檢查Mac上的網站。使用Web開發人員工具，我發現有許多不夠準確或不正確的html。你是如何創建網站的？

嘗試在FF中使用Firebug，激活它並逐步禁用樣式以查看它是如何產生邊緣/填充問題的。

來源

2011-01-08 16:16:37 YvesR

我會照你說的去做，但你能告訴我哪些代碼是不需要的嗎？我沒有很多經驗，但基本上我使用了Photoshop生成的網站（我正在製作的項目是由創作整個設計的圖形創作者以及我要求從photoshop導出HTML的人員製作的）。之後，我製作了一個CSS文件，在其中我輸入了所有圖像作爲背景圖像，然後使用CSS中創建的所有div更新了HTML。 – 2011-01-08 16:21:36

您不應該使用表格進行佈局 - 如果您的信息應該是表格格式，請使用它們，但不要佈局。

您應該使用CSS進行佈局。關於如何做到這一點，有許多tutorials。

此外，您應該尋找一個好的reset CSS - 這將確保所有瀏覽器的基本樣式相同。

來源

2011-01-08 16:21:17 Oded

但爲什麼photoshop爲該網站生成一張表格？ – 2011-01-08 16:26:59

@Alexandre Cassagne - 一個自動化的工具永遠不會做一個知道自己在做什麼的人。由一些最常用的圖形軟件生成的代碼往往是相當可怕的。 – Oded 2011-01-08 16:27:42

渲染問題FireFox

回答

相關問題