Таким образом, люди, с которыми я редко сталкиваюсь с проблемами при программировании и реализации шаблонов 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 не имеет никакой позиции.
Есть предложения?
Это изображение того, что не так:
Кажется, проблема не связана с этим кодом.но у меня нет никаких других идей.Я также попытался изменить индекс z, но он, очевидно, не будет работать, поскольку это не фоновое изображение, а цвет фона.