padding在ie和chrome下解释不同_html/css_WEB-ITnose

样式表设了padding:0px 6px 2px;

ie7和ie8下显示的padding更宽，chrome正常

页面定义了nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ie8也正常了，ie7还是不对，但是我现在不需要用doctype声明，有什么解决办法？

回复讨论(解决方案)

为什么不需要doctype声明，这是整个页面css盒子世界解析的依据，如果没有了这块，ie家族跟ff肯定是不一样的。

第一行必须添加dtd声明，没有dtd的结果就是ie6,7,8,9以ie5的方式来渲染页面，就是ie7,8,9里边的f12打开后 文档模式下的quirks模式。这个模式会造成css盒模型计算错误,margin:0 auto; 不能居中。
只能在body{text-align:center;}这样来居中，但是这会使页面上所有的内容都居中，所以请添加dtd
dtd必须是页面的第一行出现。
xhtml-dtd:
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html5-dtd:
nbsp;html>

写html css 最好加dtd，不是 兼容更难调。

楼主 写padding:0px 6px 2px; 是作用在什么标签上的？


比如h1-6 p等标签会有默认的margin padding，楼主搜下 reset css

页面都是后台，因为iframe的原因，用了doctype页面滚动条有很多问题，因此舍弃
出问题的是作用于button的类

加了doctype，ie7下的垂直滚动条失效了

垂直滚动条只有一半，下面的三角看不到

把代码贴上来，猜不是办法。

贴代码把，或者发图。。。无图无真相。。

.right{
position:absolute;
top:66px;
right:0px;
bottom:0px;
left:180px;
z-index:8;
}

.rightmain iframe{
height:100%;
width:100%;
position:absolute;
overflow:auto;
z-index:20;
}

body.module{
overflow:scroll;
overflow-x:hidden;
background-color:#f8f8f8;
height:auto;
padding-bottom:5px;
}
出现问题框架的css

ie7最大化下面出现间隔，缩小三角就没有

一直没解决，大家有什么办法