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

WBOY
發布: 2016-06-24 12:11:14
原創
1362 人瀏覽過

样式表设了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最大化下面出现间隔,缩小三角就没有

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板