Question

div+css在不同浏览器里有高度差怎么办

比如这一段

#fytitle{ width:1024px; height:164px; background:url(fytitle.png) 0 0 no-repeat;}
#fynav{background:url(fynav.png) 0 0 no-repeat; width:1024px;height:41px; }
#fynav{ line-height: 41px; }
#fynav a{ display: block; width: 121px; text-align:center; font-size:18px; font-weight:bold; color:#FFFFFF;text-decoration:none;}
#fynav a:hover {color:#FFFFFF;text-decoration:none;font-weight:bold;}
#fynav li {float: left;list-style-type: none;}
#fynav li a:hover{ background:#17759D;}
在IE里正常的，火狐里导航和标题会有一段空白，要加上margin-top:-17px;才能移到应该的位置，可是感觉不应该加这个啊
怎么能让它统一吗

Answer 1

那你加overflow:hideen试试，这个属于兼容性的问题

追问

没有用哎...

追答

你给css加上这个 body，div,p,h1,h2,h3,h4,h5,h6,ul,li,{margin:0;padding:0}

追问

嗯，可以了，那下面图片的定位还是有不一样的有办法吗

追答

那就把也img写到里面

Answer 2

首先你要重置网页中各个元素的margin,padding值，都设为0，因为各个浏览器中元素的盒子模型是有差异的。
其次，要限定某个元素的宽高，最好加上overflow:hidden 式样，这样是为了防止在ie6下与其他浏览器中元素的长宽不一致。

Answer 3

写CSS以前先写上*{margin:0;padding:0}