IE7 CSS格边距问题

我有一个小的CSS问题，但我无法修复它，因为我没有方便与IE7安装的任何计算机...IE7 CSS格边距问题

在IE8，Chrome浏览器，FF等我看到这个（正确地）：

Should look like this...

但IE7给了我这样的：

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不是一个非常有效的方式。

有人可以帮忙吗？谢谢。

来源

2011-08-29 Drew

找到它。 CSS的body标签有一个line-height: 18px;

出于某种原因，只知道向微软，出IE7，IE8，IE9，火狐3.5〜6，和Chrome的只有IE7荣幸指令嵌套很深div 400线进一步放下CSS表格。

来源

2011-08-29 07:24:38 Drew

发现这个地方，它可以帮助：

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它。

来源

2011-08-29 05:55:08 MStp

IE7 CSS格边距问题

回答

相关问题