Проблема с фоновым скрытием плавающего содержимого в IE6 - PullRequest
2 голосов
/ 24 мая 2011

Таким образом, люди, с которыми я редко сталкиваюсь с проблемами при программировании и реализации шаблонов HTML с помощью CSS для IE6 и всех других браузеров.Но на этот раз это ломает мне голову.

Проблема в совместимости с 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.Родительский контейнер информационного div не имеет никакой позиции.

Есть предложения?

Это изображение того, что не так: The image is not there nor are the spans, the other content is ok

Кажется, проблема не связана с этим кодом.но у меня нет никаких других идей.Я также попытался изменить индекс z, но он, очевидно, не будет работать, поскольку это не фоновое изображение, а цвет фона.

Ответы [ 2 ]

6 голосов
/ 24 мая 2011

согласно комментариям, это типичная ошибка hasLayout (исчезающая версия контента),

добавьте: position: relative; к левому плавающему элементу div .float_left

0 голосов
/ 24 мая 2011

Прикрепленный скриншот страницы скрипта IE6, как я ее вижу, для справки: enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...