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格邊距問題

回答

相關問題