Html 我如何修复Firefox中的span/div问题(在IE中显示所需的内容)并在Chrome中调整未对齐?

Html 我如何修复Firefox中的span/div问题(在IE中显示所需的内容)并在Chrome中调整未对齐?,html,css,internet-explorer,firefox,layout,Html,Css,Internet Explorer,Firefox,Layout,我的个人网页(at)在IE中按计划显示,但在Chrome中按钮标签略有偏移,使用Firefox查看时页面布局完全错误。任何简单更改的建议(或如何以适用于所有浏览器的方式实现设计的元素定位)都将不胜感激从html验证程序错误消息中,我认为这与span中不允许使用“p”有关。首先,nav中的元素不应该有很大的边距。通过margin:0更改此设置。是的,内部的是坏的。尝试改用 并将#centroid更改为位置:绝对,以解决Firefox中的问题。Firefox和Chrome中的错位是由于页面中所有图像

我的个人网页(at)在IE中按计划显示,但在Chrome中按钮标签略有偏移,使用Firefox查看时页面布局完全错误。任何简单更改的建议(或如何以适用于所有浏览器的方式实现设计的元素定位)都将不胜感激从html验证程序错误消息中,我认为这与span中不允许使用“p”有关。

首先,nav中的
元素不应该有很大的边距。通过
margin:0
更改此设置。是的,
内部的
是坏的。尝试改用


并将
#centroid
更改为
位置:绝对
,以解决Firefox中的问题。

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


元素替换所有
元素,并尝试移除绝对定位。

为了更好地导航,请使用ul li 是的,“将质心更改为位置:绝对以修复Firefox中的问题。”