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;才能移到应该的位置,可是感觉不应该加这个啊
怎么能让它统一吗

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

没有用哎...

追答

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

追问

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

追答

那就把也img写到里面

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-07-27
首先你要重置网页中各个元素的margin,padding值,都设为0,因为各个浏览器中元素的盒子模型是有差异的。
其次,要限定某个元素的宽高,最好加上overflow:hidden 式样,这样是为了防止在ie6下与其他浏览器中元素的长宽不一致。
第2个回答  2013-07-27
写CSS以前先写上*{margin:0;padding:0}

我用HTML中div+css写的网页,有的IE支持,有的IE就不支持,Goole直接错位...
3.还讨论内容撑破容器问题,横向上的。如果float 容器未定义宽度,ff下内容会尽可能撑开容器宽度,ie下则会优先考虑内容折行。故,内容可能撑破的浮动容器需要定义width。小实验:有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。a.<div style=”border:1px solid red;height:10px”...

我做了一div+css的网页,在别人的电脑显示移位了,救大虾们帮手。_百度...
兼容性做的不好 不同浏览器就错位了 建议你开始用一个标准些的浏览器去做 比如火狐 调试用firebug 就可以 测试浏览器时候 可以用到 IEtester

如何控制div+css适应不同的浏览器
3.清除块display,这个可以解决浮动造成的块,造成块后,当DIV背景填色或填图片的时候,会出现背景断开或差一小块。这种兼容出现的不太多,我做到现在,只遇到过两次,方法是在出现兼容的DIV的CSS中写一个display:block,或其它属性,中文什么意思我不知道,我英语差,但能达到想要的效果,6 e" Z+ e...

用div+css写的页面在IE6和IE7下怎么大不相同,如何改正?
我教几个绝招给你。CSS里用width,height的时候,不要用padding和margin ,再建一个块,比如DIV,或者DD,LI之类的,里面CSS用Padding和margin就有效果。而且可以忽略浏览器。都一样的出效果。还有竟量把有些行距间距之类的初始化。不同浏览器默认值不同吧。还有个背景填充的问题,说起来比较麻烦,要在...

如何让DIV+CSS构架兼容各种浏览器?谢谢了,大神帮忙啊
现在的浏览器确实很多,尤其是IE和Firefox这两大主流浏览器对标准的解释存在很大差异,因此我们只有不断完善、严格、规范CSS样式,并在不同浏览器环境下多测试,才能保证网站良好的兼容性。以下是常见的解决办法: XHTML+CSS兼容性解决方案小集 使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是...

div css布局中浏览器不兼容,谷歌和ie和软件显示的都不一样 软件显示是...
没贴代码所以没法具体帮你,给你提供思路:用css hack,这个可以你根据自己的css代码,哪里在不同浏览器里有差异就去网上查哪里。用jQuery或者JS来获取当前浏览器的信息,根据不同浏览器用不同的css代码,而通常,差异会很小,所以工作量没有想象中的大。有问题,再追问。

我做的静态页面(div+css)在遨游里浏览布局怎么就乱了 怎么解决 在IE和...
这只能说明楼主的css编写的不兼容浏览器,从新编写一个符合标准的就可以了 编写css要兼容IE6 ie7 ie8 firefox这几个主流浏览器 --- 比方说楼主现在用的是IE8浏览器,那么遨游就是采用IE8核心的浏览器,不过一些网站设计师比较烂,网站设计时候没有考虑到ie6等这些低级浏览器,所以一些浏览器设计师...

怎么解决divcss在浏览器中位置不对的问题
1、div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2、 margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如...

div+css如何快速解决版本兼容问题?
只要写一个ie6浏览器可以读懂的代码把边距减少到一半就可以的。2.高度的问题,有的时候IE6.7不自适应高度,给个高度就能解决问题。3.还有margin-top使用的太多也会出现问题,出现的问题跟你写的代码有关系。总之如果你写的代码很规范,出现的浏览器兼容性的问题就会很少的。(以上是我在工作中出现的...

急急急急!!! div+css在不同浏览器不兼容问题
什么是浏览器HACK:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。而HACK就是一种办法,能让你在一个CSS里面独立的写支持不同...

相似回答