2011-09-23 22 views
2

我設計了這個網站,並且我一直無法將一個元素(div#endinglogo)放入適合firefox/Linux操作系統用戶的方式。用於Linux操作系統的Firefox的css元素餘量

http://motivacionenlinea.com/

我使用Windows 7中所有的瀏覽器工作,雖然設計顯得理所應當的火狐我的操作系統,我的猜測修復火狐/ Linux的都沒有奏效。

我的問題是元素div#endinglogo的正確邊距,它會出現在應該出現的位置。

我在下面附加了兩張圖片。

第一個節目我怎麼想的頭一下: http://postimage.org/image/rsd27dvo/

第二個顯示我怎麼被告知它使用Linux操作系統時,將出現在瀏覽器火狐: http://postimage.org/image/rtgr3pqc/

我有一個PHP文件它服務於firefoxLinux.css文件,或者至少這是意圖。當你通過firefox/linux看到這個網站時,這個文件是否被加載?

謝謝您的幫助

+2

既然你在FF上,安裝Firebug,看看那裏的CSS設置(特別是計算值),並找出哪些元素具有不同的計算值 - 這將是你的佈局差異。 –

+0

讓它成爲答案,馬克。 +1 –

+0

我在Windows 7中工作,儘管我使用FIREBUG,但我無法在FireFox Linuz操作系統顯示中正確測量正確的邊距。我正在尋找的是一名Linux操作系統用戶,他將訪問Firefox併爲我制定這一措施。由於我不能做這個B/C我有一個不同的操作系統。 – IberoMedia

回答

1

在你firefox.css,你有你的div#endinglogo不同的負上邊距。使它-110px(就像它在你的chrome.css文件),它應該工作。

儘管在相關的一個註釋中,爲什麼要爲不同的瀏覽器創建多個樣式表?對於大多數情況,有些解決方案可以在瀏覽器和操作系統中一致地工作,並且只有少數情況下您需要特殊的樣式(即對於IE,也許是某些舊版本的Firefox)。我想如果你要鞏固你的風格,你會遇到更少的問題。當然,那只是我的兩分錢。

+0

問題是,如果我爲firefox.css添加-110,頁面在Windows中看起來不正確。這就是爲什麼我創建了firefoxLinux.css,但考慮到你檢索了firefox.css而不是firefoxLinux.css,我想firefox/Linux的css文件沒有加載。 – IberoMedia

+0

我改變了代碼,你可以檢查firefoxLinux.css是否被加載?我已經在firefoxLinux.css文件中將margin設置爲-110px謝謝 – IberoMedia

+0

我在Linux/Firefox 3.6中看不到問題。它正在加載firefoxLinux.css。但是,我真的很驚訝你需要在不同的操作系統上支持相同的瀏覽器。 – Spudley