UC知道我的CSS代码为什么在IE中显示正常，在火狐中显示不正常，请高手指点
来源：百度知道 编辑：UC知道 时间：2024/06/02 13:29:20
这是一段图片浏览的代码，dreamweaver cs4编辑的，IE测试没问题，可是火狐浏览器显示不正常，图片重叠，错位，请高手帮忙指点，修改。
<head> <link rel = "stylesheet" type = "text/css" href = "style.css" /> </head>
abbr { font-size : 12px ; } .text10pxwhite { font-size : 10px ; color : #FFFFFF ; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
/* common styling */
a {color:#000;}
a:hover {text-decoration:none;
<head> <link rel = "stylesheet" type = "text/css" href = "style.css" /> </head>
abbr { font-size : 12px ; } .text10pxwhite { font-size : 10px ; color : #FFFFFF ; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
/* common styling */
a {color:#000;}
a:hover {text-decoration:none;
ul li 这个火狐的解释和IE的不一样。
尽量用固定数值设置宽度和间距。
有的时候是这样，各个块都加上overflow:hidden试试 他有 清除浮动的功能，不加他有的时候父块约束不住子块
250801077加我详解
原因楼上的说了一部分,主要的原因是在margin-left的双倍问题,还有就是UL和LI的原因.为了IE6,7.firefox都支持,一般在CSS最顶部会有个格式化代码.
div,img,td,li,ul,ol,h1,span等{margin:0px; padding:0px;}
ul,li{list-style:none;}
image {border:0px;}
css在各个浏览器中都是不同的，但是可以通过方法实现，这个需要学习，在我的论坛里收录了帖子，感兴趣可以看下bbs.xtzonghe.cn在网站制作板块。
参考：
1，最好固定宽度和高度；
2，不能熟用float的话也容易出错；
3，楼上兄弟们的回答也可以参考。