css ie7在行間添加額外空間

我剛剛部署了一個站點，並提出了一些ie7 css問題，我想我應該已經預料到了。我在IE7的虛擬版本中調試時遇到了問題，我安裝了debugBar和IETester，但我無法直觀地看到元素上的填充或邊距，例如Chrome或Firebug ...css ie7在行間添加額外空間

SO首先我的問題的一部分 - 他們的工具，我可以在IE7中使用，這將有助於調試CSS？

第二部分涉及兩個不同頁面上的元素。這個元素是一個UL元素，它在元素內部呈現額外的空間，在另一個頁面上渲染正確。

的HTML是：

<div id="nextSevenEvents"> 
    <ul id="nextSevenEventseventList"> 
    <li> 
     <div class="dateEntry last span-6 last borderTop"> 
     <div class="whatsOnDate last span-2 "> Fri 20 Apr</div> 
     <div class="whatsOnTitle span-4 last">Ladies v Royal (Away) FR</div> 
     </div> 
    </li> 
    <li> 
     <div class="dateEntry last span-6 last "> 
     <div class="whatsOnDate last span-2 "> &nbsp;</div> 
     <div class="whatsOnTitle span-4 last">Terry on hols</div> 
     </div> 
    </li> 
    </ul> 
    </div>

的CSS這些是：

#div-whatson ul { 
    list-style: none; 
    padding: 5px 0 0; 
    margin: 0; 
    } 
    .dateEntry { 
    padding: 5px 0 0 0; 
    } 
    .whatsOnDate { 
    font-size: 0.8em; 
    line-height: 1em; 
    } 
    .whatsOnTitle { 
    font-size: 0.9em; 
    line-height: 1em; 
    }

缺少什麼我在這裏？

我的網站是根據各地的藍圖

感謝

更新：＃DIV = whatson是父元素，並在其內具有一些其他元素（離開它了，否則我的代碼會去上和

來源

2012-04-19 Ray

試試這個添加到您的CSS：

#div-whatson ul li { 
    padding: 0; 
    margin: 0; 
}

來源

2012-04-19 10:57:05 Rusted

這樣做 - 謝謝！ – Ray 2012-04-19 13:21:19

你有ID的父元素「DIV-whatson」包裝清單？你有沒有設置正文字體大小明確的尺寸可能會有來自繼承而產生的問題。

一個工具，它是非常方便的當調試我時E版本是IE9中的內置開發工具（F12）。從這裏你可以改變IE的版本。我不會指望這是100％準確的，但它是一個有用的工具。

來源

2012-04-19 10:47:43 Darren

嗨 - 是的，它是各種各樣的容器。我包括了CSS，因爲它直接影響UL元素。我在這裏離開了div-whatson，因爲它裏面有很多其他的位。我會看看ie9的工具 - 謝謝你的指針 – Ray 2012-04-19 10:57:53

我現在已經學到了一些東西 - 感謝你用ie9寫的小技巧 - 精彩！ – Ray 2012-04-19 13:21:50

css ie7在行間添加額外空間

回答

相關問題