Контет скатывается в ие

[musulman]

Вот сверстал макет. Все бы не чего, но как всегда ие хочет что нить добавить свое .

Вот это чудо.

[Dimitry Wolotko]

И с чего бы это?

 <li><a href="#" title="Кубышка желтая">Кубышка желтая</a></li>
<img src="images/sor-pic.gif" title="Лесные растения"></a>
 <li><a href="#" title="Белена Черная">Белена Черная</a></li>

Что за бред то?

[musulman]

Что именно ? то что картинка не в списке или ... не понятен ваш вопрос.

[Dimitry Wolotko]

Картинка просто висит "в нигде и в никуда". Валидатором заодно пройдитесь - посмотрите.

[musulman]

то есть лучше было бы ее засунуть в список ? а что по моему вопросу ? посмотрите в ие контент падает не знаю почему ...

[Vlad]

Как мне кажется, причины может быть две. 1) плавающие элементы используются, после них надо добавить что-то вроде

. 2) IE с шириной вечно косячит, порой достаточно уменьшить ее на 1% и все становится нормальным.

[musulman]

не помогает

[maddogrts]

извечная проблема ))) overflow: hidden для дива в котором текст и zoom: 1

[musulman]

сейчас попробую.

[musulman]

установил , но все равно не получается. а что за свойство зоом ?

[musulman]

ну что, не кто не знает решение проблемы ?

[maddogrts]

да ну , не получилось ? вы сделали как ?

TExt

TExt

TExt

TExt

#content {overflow: hidden; zoom: 1}

[musulman]

html

<div class="text">

<h1>Покров Земли</h1>
<span>11 января 2008г.</span>

<p>TEX TEXT TEXT TEXT </p>
<p>TEX TEXT TEXT TEXT </p>
<p>TEX TEXT TEXT TEXT </p>
<p>TEX TEXT TEXT TEXT </p>

</div>

css

.text {
 float: left;
 width: 600px;
 padding-left: 50px;
 overflow: hidden; 
 zoom: 1;
 background: url(images/bg_cont.jpg) repeat-y;
}
.text h1 {
 color: #157508;
 font-size: 18px;
 padding-left: 5px;
}
.text span {
 color: #224a9b;
 font-size: 15px;
 padding-left: 5px;
}
.text p {
 color: #1c5c5b;
 text-align: left;
 padding: 10px 0 10px 30px;
 line-height: 20px;
}