Question

为什么不同浏览器显示相同网页的效果不同

我在dw中div+css做的网页，在火狐中显示正常，但是在遨游和ie有部分差别很大的，有个div中的行距变宽了，有的图片也不在原来的位置，请问高手我该怎么改呢？

Answer 1

浏览器的内核不同，对各种CSS样式的解释也不同，对样式属性的默认值设置不同另外，浏览器对CSS样式的支持也不是全面的，各有各的不同，同一浏览器的不同版本对CSS的支持也是不一样的浏览器的内容可分为渲染引擎和JS引擎。渲染引擎(layout engineer或者Rendering Engine)和JS引擎。它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。JS引擎则是解析Javascript语言，执行javascript语言来实现网页的动态效果。常见的浏览器内核有四种：1. Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等
2. Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等
3. Presto内核：Opera7及以上
4. Webkit内核：Safari,Chrome等 Trident又称MSHTML，是微软开发的渲染引擎（包含了Javascript引擎JScript），他已经深入了Windows操作系统的骨髓，例如Windows Media Play，Windows Explorer，Outlook Express等都使用了。目前很多浏览器都使用这个引擎，例如IE，Maxthon(最新版已经不使用)等。Gecko是C++开发的，Open Source的渲染引擎，包括了SpiderMonkey(Rhino)。主要的使用者有Firefox。Webkit是苹果公司基于KHTML开发的。他包括Webcore和JavaScriptCore（SquirrelFish,V8）两个引擎。主要的使用者有Safari，Chrome。Presto由Opera Software公司开始的，用于Opera的渲染引擎。Macromedia Dreamweaver （MX版本及以上）和Adobe Creative Suite 2也使用了Presto的内核。

Answer 2

由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系，会导致生成的页面效果不一样， 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，得到我们想要的页面效果。
div行距变宽了，一般就是把这个DIV给个样式：overflow:hidden;
图片不在原来的位置，给图片所在的DIV个样式：margin:0px; padding:0px;

Answer 3

一般div+css布局的网页 都会存在这样的问题，只有做网站的时候 尽量多浏览器测试，做的兼容各个浏览器，经常会遇到一些样式会在不同浏览器上效果不同！比如：ie6中 不定义外层div高度时，它会随内容的增多而适应高度，但是在谷歌，ie8中 他就不会适应高度，解决方法:外层div就需要加样式<div height:auto; overflow:hidden; >这样就会适应高度 在ie6 谷歌，ie8中的效果就相同了！

追问

div标签的定位问题，ff好了，ie就不行。无法两个都适合，我是用position属性来定位的，请问我该怎么办呢？

追答

不具体的代码是啥 加qq363686328

Answer 4

肯定啊 不同弄浏览器的内核都不一样， 对于HTML的样式就需要多种浏览器的兼容性
这也是前端常做的事情 就是保证浏览器的兼容性！

Answer 5

内核代码不同 有的标签不认的