的CSS问题的IE8 - 在头2周的div之间出现奇数空间

您可以来看待这个问题：的CSS问题的IE8 - 在头2周的div之间出现奇数空间

http://www.caterinaligato.com/

我们不能复制在IE7或Firefox的版本的问题。然而，使用IE8上的DeveloperTool显示填充位于<div id="bannerArea">之内，但我们尝试了#bannerArea * { padding:0; margin:0; display:block; }，这并没有帮助。

请注意'兼容性视图'已关闭。

如果有人有任何建议，将是伟大的！

来源

2010-12-10 Red5

心灵治疗师，是吧？也许问客户如何解决问题以及解决问题的方式？ – 2010-12-10 01:29:41

首先在您的BannerArea类中添加overflow: hidden;。我不相信明星黑客必然是最好的选择。我建议删除，直到它证明你绝对需要它。

最后，请确保您的<a>标签的内容全部在同一行上。当锚标签在标记中出现换行符时，IE在历史上存在一定程度的正确布局困难，并显示不应有的空白。

您的标记线：

<div id="bannerArea"><span class="bannerContainer first"><a href="#" class='banner-95 bannerImage' title='' rel='nofollow'><img src="/media/pics/site/imagecache/683C6A596432B154340F913300D76915.jpg" width="958" height="346" alt=''/></a> </span></div>

...分割横跨三条线，这可能是导致这一问题的标签。

来源

2010-12-10 01:38:13

使用float：left为“bannerArea”它会减少IE8中的空白，但是位置会向右移动，需要重置位置。

来源

2010-12-16 13:07:45

我很确定这是因为你的下拉菜单。如果你添加了overflow：隐藏给你的“bannerArea”div，那么白色空间消失了，但是这个位置被破坏了。当添加溢出：隐藏到“nv”div时，图像回到它的位置。所以你要照顾下拉菜单。也许你可以使用脚本下拉而不是纯CSS？

来源

2010-12-23 10:14:36

的CSS问题的IE8 - 在头2周的div之间出现奇数空间

回答

相关问题