样式表设了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最大化下面出现间隔,缩小三角就没有
一直没解决,大家有什么办法