css定位问题在不同的浏览器中显示不同的结果

Question

我有一个博客，我已经在右侧放置了一个表单，但它在不同的浏览器中显示了不同的结果。

名为“在阅读器中订阅”的链接应位于中心，但它在Safari和Opera的左侧显示，但IN FF和Ie7在中心显示完美。 在Opera和Safari中边界是5-6像素，但在FF＆amp; IE 7它显示非常好。并且在Ie6中它显示边界线10-12像素下行...奇怪

我使用此代码来调整位置.. 请帮帮....

我的博客：ww.techieinspire.blogspot.com

点击此处查看图片 http://techie2inspire.googlepages.com/csspositioningproblem.JPG

Answer 1

你的加价严重受挫。在Firefox上使用Firebug来查看它。以下是我注意到的一些事情：

1. 您的订阅链接元素位于其上方的表单中。这不是您的简报形式的一部分，因此不应该包含在该表格中。

2. 您在其中使用了大量<span>个块元素。 <span>通常用于内联内容，并且内部粘贴块元素（如<p>）可能会产生奇怪的结果。

3. 检查您设置左侧填充“.newsletter p”的样式表，这会影响您的订阅链接。

4. 尽量避免指定样式内联（使用样式属性）。

5. 停止使用位置：相对无处不在。而是使用填充和边距来布局侧边栏。

一般来说，为了集中注意力，你可以这样做：

.centered_thing {
  margin: 0 auto;
  text-align: center;
}

编辑：这件大事太可怕了。了解HTML marquee tag发生的事情。有很多很好的理由可以避免它或Javascript仿冒品。