首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >css定位问题在不同浏览器中显示不同的结果

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

Stack Overflow用户
提问于 2009-09-18 06:58:38
回答 1查看 195关注 0票数 0

我有一个博客,我在正确的位置放置了一个表单,但是它在不同的浏览器中显示了不同的结果。

名为“”的链接应该位于中间,但它显示在Safari和Opera的左侧,而in FF和Ie7则显示在中间。在Opera和Safari中,边框是5-6像素,但在FF和IE7中,它显示得非常好。在Ie6中,它显示的是10-12像素的边框.奇怪

我正在使用这段代码来调整位置。请帮忙..。

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

检查这里的图像,http://techie2inspire.googlepages.com/csspositioningproblem.JPG

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-09-18 07:28:15

你的工资被严重抬高了。使用Firefox上的Firebug查看它。以下是我注意到的几件事:

  1. 在上面的表单中有订阅链接的元素。这不是你的通讯形式的一部分,所以不应该包含在该表单中。
  2. 您使用了大量带有块元素的<span><span>通常用于内联内容,而在内部粘贴块元素(如<p>)可能会产生奇怪的结果。
  3. 检查样式表,在哪里设置".newsletter p“(这会影响您的订阅链接)的左填充。
  4. 尽量避免内联指定样式(使用样式属性)。
  5. 停止使用位置:相对的到处。相反,使用填充和边距来布局你的侧边栏。

通常,要将某些内容作为中心,您可以这样做:

代码语言:javascript
运行
复制
.centered_thing {
  margin: 0 auto;
  text-align: center;
}

编辑:这件事糟透了。阅读关于HTML标记发生了什么。有很多很好的理由来避免它或Javascript仿冒。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1442940

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档