2

因此，我很少在为 IE6 和所有其他浏览器使用 CSS 编写和实现 HTML 模板时遇到困难。但这一次让我头疼。

问题在于 IE6 的兼容性（我使用的是 YAML 框架。）

所以，让我们继续吧。这是罪魁祸首代码：

HTML

<div class="info">
    <div>
       <div class="float_left">
           <img alt="aktuelles bild" src="images/dummy_aktuelles.gif" />
           <span>26.10 - 27.10.2010</span>
           <span>xxx xxx</span>
           <span>(Flughafen)</span>
       </div>
       <div class="lastObject">
           <span>09.09.2010 Offenes-Presseportal</span>
           <span class="lastObject">Global Connect 2010 - Globalisierung für den Mittelsand</span>
           <p>
             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam leo.
           </p>
       </div>
    </div>
</div>

CSS

#main .aktuelles .info {
    padding:15px;
    overflow:hidden;
    border-bottom: 1px #949494 dotted;
}
#main .aktuelles .info .float_left {
    width:35%;
}
#main .aktuelles .info .float_left span {
    padding-bottom: 5px;
    display: block;
    color: #333;
    font-size: 13px;
}
#main .aktuelles .info .float_left img {
    padding-bottom: 5px;
}
#main .aktuelles .info div .lastObject span {
    color:#2d2d2d;
    font-size: 12px;
    display: block;
    padding-bottom: 5px;
}
#main .aktuelles .info div.lastObject span.lastObject {
    color: #2d2d2d;
    font-size: 14px;
    display:block;
    padding: 0 0 5px 0 !important;
}
#main .aktuelles .info div lastObject p {
    font-size: 12px;
}

现在第一个向左浮动的 div 根本不会出现。它是 lastObject 的背景。info div 的父容器没有任何位置。

有什么建议么？

这是错误的图像： 图片没有，span也没有，其他内容还可以

似乎问题与此代码无关。但我没有任何其他想法。我还尝试更改 z 索引，但它显然不起作用，因为它不是背景图像，而是背景颜色。

4

2 回答 2

6

根据评论，这似乎是一个典型的 hasLayout （消失的内容版本）错误，

添加：position: relative;左侧浮动div.float_left

于 2011-05-24T10:35:09.630 回答
0

附上我看到的IE6小提琴页面截图，供大家参考：在此处输入图像描述

于 2011-05-24T09:33:47.540 回答