跨浏览器页面显示

时间:2010-12-27 07:45:16

标签: css cross-browser

我的代码http://snipt.org/umnnh/在那里。使用我的所有浏览器,除了使用Mozilla Firefox之外,它排列很好。使用Mozilla Firefox会搞砸(文本框太宽,太高)。这有一个简单的解决方案吗?对于出了什么问题,我几乎一无所知。

2 个答案:

答案 0 :(得分:1)

您的图片位于桌子外面,并带有登录字段,因此它们位于不同的位置。尝试将图像作为表格标签的背景:

<table style="background-image:url('http://www.trinuxsoft.info/os/images/loginform.png')" width="300" border="0" align="center" cellpadding="0" cellspacing="1">

或者你可以使用div作为背景图像和里面的表格。

我建议你使用Firebug Firefox插件,当你想了解出了什么问题时,这很棒。

答案 1 :(得分:0)

您不使用<!DOCTYPE>代码,因此我认为您的工具集不包含HTML验证程序。如果您添加DOCTYPE(例如4.0过渡期)和validate the code,您会看到有一些错误。无效HTML的主要问题是您猜测浏览器。虽然适当的渲染在所有浏览器中基本相同(理论上都是如此),但怪癖模式是每个浏览器技巧的不可预测的集合。

值得注意的是,在表格单元格中使用width属性并不是获得布局的好方法。它不可靠,因为HTML指示显示表格的一些复杂规则,您的自定义大小可能会被忽略。您应该让浏览器选择所有尺寸或切换到CSS布局。