畫廊在IE7

太多的填充

我的Flickr畫廊看起來不錯，除了IE 7還有什麼我需要把我的CSS代碼爲它沒有看起來那麼漸行漸遠，在IE 7。我加入了display: block，但它所有的瀏覽器沒有做任何事情。畫廊在IE7

a img { 
    display: block; 
    *display: inline-block; 
    float: left; 
    border: none; 
    padding: 3px; 
    background-color: #fff; 
    border: 1px solid green; 
    margin-right: 15px; 
    margin-bottom: 15px; 
}

現在看起來像這樣。

Screenshot of Flickr page with too much padding

有什麼我做錯了與CSS？我應該爲IE添加一些東西，以便它可以正確讀取它？

This is my site

來源

2012-06-09 kia4567

這就是爲什麼你應該使用一個CSS復位（http://meyerweb.com/eric/tools/css/reset/）。它可以消除默認樣式中的跨瀏覽器不一致問題。 – xbonez

我正在創建一個二十天的小孩主題，它已經有eric meyer CSS重置。 – kia4567

我搜索更發現的IE漏洞arcticle，你必須確保在父元素行高設置爲零。

來源

2012-06-10 00:44:01 kia4567

這看起來很像的即下臺的bug。

您是否嘗試過加入剛剛display: inline？

來源

2012-06-09 22:44:24 Jim

我做了，但沒有運氣。 – kia4567

您是否嘗試過把所有的保證金和填充功能，看看是否他們至少排隊正確呢？ – Jim

我想通了！我搜索了更多，發現一個IE bug的arcticle，你必須確保父元素的行高設置爲零。所以我做了並修復了它。感謝您花時間嘗試幫助我。非常感謝。 – kia4567

回答

相關問題