IE7 CSS格边距问题
问题描述:
我有一个小的CSS问题,但我无法修复它,因为我没有方便与IE7安装的任何计算机...IE7 CSS格边距问题
在IE8,Chrome浏览器,FF等我看到这个(正确地):
但IE7给了我这样的:
的HTML代码如下:
<div id="hub">
<div class="title highlight">Faster, Cheaper, Better</div>
<p>PNMS...
相关的CSS代码如下:
#hub {} /* literally nothing */
#hub div.title {
font-size: 4em;
font-style: italic;
font-variant: small-caps;
float: left;
margin: 5px 0px 20px 0px;
width: 940px; /* same as parent container */
}
.highlight { color: #ff6633;}
p {
text-indent: 30px;
font-size: 1.3em;
line-height: 1.1em;
letter-spacing: 1px;
margin: 5px;
}
基于访客流量,我需要我的网站是用IE7(谢天谢地不是IE6)兼容。但是,再次盲目猜测,然后运行browsershots.org
不是一个非常有效的方式。
有人可以帮忙吗?谢谢。
答
找到它。 CSS的body标签有一个line-height: 18px;
出于某种原因,只知道向微软,出IE7,IE8,IE9,火狐3.5〜6,和Chrome的只有IE7荣幸指令嵌套很深div
400线进一步放下CSS表格。
答
发现这个地方,它可以帮助:
CSS双填充IE7修复
“没有什么比完成一个网页设计更恼人的,有它dispay只是你喜欢它,在你的标准兼容的浏览器的方式(咳嗽下载Firefox)只记得在IE中查看它,发现它乱七八糟。今天我在IE7中遇到了一个令人讨厌的CSS错误,IE7将导航菜单上的顶部填充加倍。
CSS Code
#nav {
clear: left;
padding: 16px 0 0 30px;
}
“而修复...
只需添加显示:inline-block的与双填充股利就是这样...我知道,这是荒谬的。”
#nav {
clear: left;
display: inline-block;
padding: 16px 0 0 30px;
}
另一种方法是,其显示不正确添加余量Div的父:0在CSS它。