Проблема со скрытием плавающего содержимого цветом фона в IE6

ProgramBox

Проблема со скрытием плавающего содержимого цветом фона в IE6

Post author:admin
Запись опубликована:25 апреля, 2023
Post category:Вопросы по программированию

#html #css #internet-explorer #internet-explorer-6 #yaml-css

#HTML #css #internet-explorer #internet-explorer-6 #yaml-css

Вопрос:

Итак, люди, у меня редко возникают проблемы с программированием и реализацией 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. Родительский контейнер info div не имеет никакой позиции вообще.

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

Это изображение того, что не так: Изображения там нет, как и промежутков, другой контент в порядке

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

1. @Joze, здесь недостаточно кода для воспроизведения, для .lastObject нас, вероятно, тоже понадобится CSS, и ваш .float_left класс не плавающий, хотя я предполагаю, что так и должно быть, и этот класс CSS также отсутствует, пожалуйста, не могли бы вы попробовать воссоздать пример из полного кода

2. @Claire lastObject — это вспомогательный класс, а Float_left — это float: left ; Вот и все. Тем не менее, я опубликовал код, который я создал, используя вспомогательный класс. @sandeep Я не совсем понимаю, что вы имеете в виду, говоря о множестве классов. Можете ли вы объяснить?

3. @Joze, в таком случае эта скрипта — это код, который я придумал, и он не воспроизводит ошибку: jsfiddle.net/clairesuzy/4rXtr — можете ли вы добавить к этому CSS фактические свойства для .lastObject и посмотреть, происходит ли это все еще? @sandeep Я думаю, вы имели в виду несколько классов, и этот код их не использует..

4. @sandeep; IE6 поддерживает несколько объявлений классов, вы сталкиваетесь с проблемами при попытке «связать» их в цепочку, поэтому: .aktuelles.float (<div class=»aktuelles float»> X</div>). Несмотря на это, Joze не использует несколько классов в опубликованном примере.

5. @Joze: Могу я быстро спросить, какой конкретный шаблон YAML вы используете, если таковой имеется?

Ответ №1:

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

добавить: position: relative; в левый плавающий div .float_left

Ответ №2:

Прикрепил скриншот страницы скрипта IE6, как я ее вижу, для вашей справки: введите описание изображения здесь

1. спасибо за скриншот, он подтвердил, что я ничего не видел, я мог бы также опубликовать картинку прямо из IE6, но она выглядела так же, как эта. Теперь, когда найдено исправление, я предполагаю, что это что-то еще в коде, вызывающее исчезновение содержимого, поэтому изолированная версия в порядке.