CSS与HTM代码都通过验证为何显示不正常

阅读:3664回复:3
2005-04-27 03:20
写私信
楼主#
http://laozhuxb.go1.icpcn.com/index.html
http://laozhuxb.go1.icpcn.com/media/all.css
已经通过W3C的HTML与CSS验证,在IE中浏览也正常。但是在FF中浏览就会发现图片间有间隔,导航栏的背景图片也不见了,导航栏文字的位置也错位了。
我反复检查了HTML代码与CSS,就是找不出原因。
恳请网友能帮帮我!不胜感激!!
天地不仁以万物为刍狗
2005-04-27 03:20
写私信
1楼#
你那些标题图片放置方法值得商榷,因为那是属于CSS表现范围的东西,而不应该放在html上的……
2005-04-27 03:20
写私信
2楼#
css是嵌入html中被使用的,background image的url要使用和html文件的相对路径
把类似下面的错误路径
background-image: url(../images/index.jpg);

改成
background-image: url(/images/index.jpg);
2005-04-27 03:20
写私信
3楼#
我大概了解是怎么回事了。正如二楼所说的,我用了HTML代码插入图片。。。。而在XHTML中,图片如果不为数据型,都应当以背景方式显示。
而我原来的网页文档声明用了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
我改成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就可以正常显示了。
这次得到个教训,今后在以严格声明的时候,就要严格遵守规矩。
天地不仁以万物为刍狗