laozhuxb
小狐狸
小狐狸
  • UID5186
  • 注册日期2005-04-17
  • 最后登录2005-05-02
  • 发帖数9
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:3501回复:3

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

楼主#
更多 发布于: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,就是找不出原因。
恳请网友能帮帮我!不胜感激!!
天地不仁以万物为刍狗
ad2000
小狐狸
小狐狸
  • UID304
  • 注册日期2004-11-28
  • 最后登录2006-01-31
  • 发帖数17
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2005-04-27 03:20
你那些标题图片放置方法值得商榷,因为那是属于CSS表现范围的东西,而不应该放在html上的……
猫头猪
狐狸大王
狐狸大王
  • UID163
  • 注册日期2004-11-25
  • 最后登录2005-12-04
  • 发帖数595
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2005-04-27 03:20
css是嵌入html中被使用的,background image的url要使用和html文件的相对路径
把类似下面的错误路径
background-image: url(../images/index.jpg);

改成
background-image: url(/images/index.jpg);
laozhuxb
小狐狸
小狐狸
  • UID5186
  • 注册日期2005-04-17
  • 最后登录2005-05-02
  • 发帖数9
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2005-04-27 03:20
我大概了解是怎么回事了。正如二楼所说的,我用了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">
就可以正常显示了。
这次得到个教训,今后在以严格声明的时候,就要严格遵守规矩。
天地不仁以万物为刍狗
游客

返回顶部