代码之家  ›  专栏  ›  技术社区  ›  ParoX

在Chrome&ie上看起来不错…在Firefox上不好?

  •  1
  • ParoX  · 技术社区  · 14 年前

    我知道这是我的错。我知道,通过使用软件包,高度是正确的,并且我使用一组中断(br标签)lol来抵消这个问题(只是为了完成一个设计)。

    不管怎样,这个网站看起来正是我想要它在Chrome中的样子(去掉了breaks(br tags)hack)…在火狐中,它一团糟。实际上它在IE上看起来不错,但不实用。-

    我需要花2-3个小时来调整和更改CSS的tid位。需要5分钟的CSS专家,所以我来问到底发生了什么?Chrome是真的原谅了我的错误编码还是Firefox混淆了?

    我现在最关心的是让所有的东西看起来都一样,并且正确(没有一个break(br tags)黑客)。然后我会把重点放在以后的IE功能上。

    Here is the site.

    2 回复  |  直到 13 年前
        1
  •  0
  •   Vinay B R    14 年前

    为了修复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>
    
        2
  •  0
  •   ParoX    14 年前

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

    我的标签上有DIV和H3,所以弄得一团糟。奇怪的是IE8、Chrome、Safari仍然显示正常……但火狐变得很奇怪。我理解它对火狐变得奇怪是有效的,因为这样做是违反规则的,但它应该更宽容一些。

    我用h3替换了一个具有我想要的类似格式的跨度,还替换了一些div,这些div是我用javascript注入HTML的容器,只是附加了HTML而不是查找一个div。