0

我的个人网页(位于http://ralphemlynmorgan.com)在 IE 中按计划显示,但在 Chrome 中按钮标签略有偏移,使用 Firefox 查看时页面布局完全错误。任何有关解决此问题的简单更改(或如何以适用于所有浏览器的方式实现设计元素定位)的建议将不胜感激。;) 从 html 验证器错误消息中,我认为它与跨度内不允许的“p”有关?

4

3 回答 3

1

Firefox 和 Chrome 中的错位是由于页面中所有图像和按钮元素的绝对定位。<span>是一个内联元素。一般来说,我们不会在元素中包含任何其他元素<span>

将所有内部有<span>元素的元素替换为元素并尝试删除绝对定位。<p><div>

于 2013-03-08T06:35:44.573 回答
0

首先,<p>导航中的元素不应该有很大的边距。通过margin: 0. 是的,<p>里面<span>很糟糕。尝试<div>改用。

并更改#centroidposition: absolute修复 Firefox 中的问题。

于 2013-03-08T06:32:27.733 回答
0

为了更好地导航,您可以使用 ul li 并且是的“将 #centroid 更改为 position: absolute 以解决 Firefox 中的问题。”

于 2013-03-08T07:14:18.030 回答