在Chrome& IE ...在Firefox上不好?

时间:2010-08-18 05:13:54

标签: css layout html

我知道我的错。我知道高度与包正常工作的方式,我通过使用一堆断点(br标签)来解决问题(只是为了完成设计)。

无论如何,该网站看起来完全是我想要它在chrome(减去休息(br标签)hack)...在Firefox中,它是一团糟。它实际上在IE上看起来不错......但不是功能-.-

将带我2-3个小时的调整和更改CSS的tid位。需要一个CSS专家5分钟,所以我来问问到底是怎么回事? Chrome是否真的对我糟糕的编码感到宽恕还是火狐困惑了?

我现在主要担心的是让所有内容看起来都一样,并且正确(没有任何中断(br标签)黑客攻击)。然后我将专注于稍后使用IE功能。

Here is the site.

2 个答案:

答案 0 :(得分:0)

要修复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>

答案 1 :(得分:0)

经过Sotiris建议的验证后,我意识到在内联元素中使用块元素会导致Firefox出现问题。

我有DIV和H3的标签标签,这就是为什么它搞砸了。很奇怪IE8,Chrome,Safari仍然显示OK ......但是firefox很奇怪。我理解它对firefox有效会变得很奇怪,因为这样做违反规则,但它应该更加宽容。

我使用具有类似我想要的格式的跨度替换了H3,并且还替换了我用作容器的DIV以使用javascript注入HTML而不是仅添加HTML而不是寻找DIV。