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在行间添加额外空间

回答

相关问题