在Chrome和IE上看起來不錯…在Firefox上不好？

Question

我知道是我的錯 我知道高度可以與包裝一起正常工作，並且我通過使用一堆中斷（br標簽）來解決了這個問題（只是為了完成設計）。

無論如何，該網站看起來完全像我想要的那樣（在chrome中（減去中斷（br標簽）hack））...在firefox中，情況一團糟。 實際上在IE上看起來不錯...但是不起作用-.-

我將花費2-3個小時來調整和更改CSS的tid位。 需要5分鍾的CSS專家，所以我來問到底是怎么回事？ chrome是真的可以原諒我的錯誤編碼嗎，還是Firefox感到困惑？

我現在主要關心的是使所有內容看起來都一樣，並且正確（這些中斷（br標簽）都沒有被黑客入侵）。 然后，我將在以后着重介紹IE功能。

這是網站。

Answer 1

要修復Firefox中的付款部分，我已將您的html修改如下：

<div class="Savings0 custom-radio-Length"><label style="border:white;">&nbsp;</label></div>
<div class="Savings3 custom-radio-Length"><label style="border:white;">15% off Total <br/> Save $1.35</label></div>
<div class="Savings6 custom-radio-Length"><label style="border:white;">20% off Total <br/> Save $3.60</label></div>
<div class="Savings12 custom-radio-Length"><label style="border:white;">25% off Total <br/> Save $9.00</label></div>

Answer 2

在按照Sotiris的建議進行驗證之后，我意識到在內聯元素中包含塊元素會引起Firefox的麻煩。

我在標簽標簽中有DIV和H3，這就是為什么它弄亂了。 奇怪IE8，Chrome，Safari仍然顯示OK ...但是firefox變得很奇怪。 我知道它對於Firefox變得怪異是有效的，因為這樣做違反了規則，但是對此應該更加寬容。

我用H3替換了具有所需格式的跨度，並且還替換了我作為容器使用DIV來使用javascript注入HTML，而是只附加了HTML而不是尋找DIV。