與瀏覽器顯示器的差異

我使我的網站完全支持Google Chrome而不是Firefox或IE。打電話給我，因爲現在我發現這不是很聰明：我的網站在Firefox上看起來完全不同。與瀏覽器顯示器的差異

沒有太大的差異，但很多項目都放錯了幾個像素。這聽起來不錯，但它是。例如，Chrome瀏覽器顯示該頁面的方式（查看紅色按鈕）：http://d.pr/i/YNha，以及：http://d.pr/i/8YZO是Firefox顯示頁面的方式。正如你所看到的，圖像的位置有一些差異。

我真的不知道是什麼原因造成的，我已經在網上搜索了類似的問題，但沒有找到任何解決方案。

這是用於圖像的CSS：

.img (
margin-top: -130px; 
margin-left: 520px; 
}

任何幫助，將不勝感激。

UPDATE HTML CSS &：

<div style="background-image: url(http://linehotel.org/c_images/veiling_item.png);     height: 401px; border-radius: 10px;"> 

    <div style="color: white; padding: 12px;"> 
    <center><img src="/c_images/veiling_teas.gif" /></center> 

    <img src="/c_images/bod_teas.gif" /><br> 
    <h1> 
    <div style="z-index:1;width: 64px; height: 96px; float: left; margin-top: -25px; background: url(http://habbo.it/habbo-imaging/avatarimage?figure=sh-295-85.hr-802-31.ch-3015-82.hd-180-2.lg-275-92&amp;gesture=sml&amp;size=b&amp;img_format=gif);"></div> 
    Xice:    <br>0 credits</h1> 
    <a href="/bied-mee"><img src="/c_images/closed.png" style="margin-top: -130px; margin-left: 520px;" /></a> 
    </div> 
    </div> 
    <meta http-equiv="refresh" content="5;URL='/veiling'"> 
    <center><font size="1px"><i>De pagina update in real-time. Je hoeft zelf niet de pagina te herladen.</font></i></center>

來源

2013-02-26 Yannick

你不能共享的完整代碼 - 既HTML和CSS？或者也許是一個jsFiddle？ – Ankit 2013-02-26 13:02:54

@Ankit是正確的 - 更多的信息將是有益的。作爲一個黑暗中的鏡頭：你使用'display：table-cell'嗎？ – insertusernamehere 2013-02-26 13:04:48

從開始的幾行開始，您就不需要在所有瀏覽器中測試「爲瀏覽器構建它」，因此您可以在一開始就輕鬆解決瀏覽器差異問題......這將是一個在設計結束時很難做到。發佈完整的標記，否則它將不會被回覆。在Chrome（和Firebug）中，您有一個非常好的元素檢查器，您可以在其中快速播放CSS屬性並重新排列DOM元素 - 用它來調試像這樣的問題。 – 2013-02-26 13:56:33

-1

隨着信息的缺乏，這不是最終的，但這裏是我的答案。

瀏覽器對邊距，填充和其他css樣式使用不同的默認值。爲了幫助您的網站在每個瀏覽器中呈現相同的效果，您可以嘗試使用reset css。這裏是一個例子，

* { 
    padding: 0px; 
    margin: 0px; 
    font-size: 12px; 
    font-family: "Trebuchet MS" 
}

這將設置屏幕上每個元素的值，有效地忽略任何瀏覽器默認值。然後，任何類和內聯樣式依次重寫這些樣式。

獲得更長的復位風格在這裏看看，http://www.cssreset.com/

來源

2013-02-26 13:11:52

如果您沒有足夠的信息來提供答案，那麼最好不要嘗試。 – cimmanon 2013-02-26 13:22:14

@cimmanon，有某種答案的信息。他們說他們的網站呈現不同的結果，答案給出了一個可能的解決方案。一旦OP擴大了他們的問題，我將擴大答案。 – 2013-02-26 14:22:54

與瀏覽器顯示器的差異

回答

相關問題