Маркёр списка заезжает на div

bork75

The Team
Регистрация
21 Июн 2008
Сообщения
1.455
Реакции
734
PHP:
<div style="float:left; border:1px solid red; width:150px; height:300px; "></div>

<ul>
	<li>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  text text
	</li>
</ul>

Есть идеи как это победить по проще?
 
Проблема в том, что div плавающий. Сделайте ul плавающим и задайте ему четкую ширину, хотя это смотря для каких целей. Опишите подробнее.
 
HTML:
<div class="test">
<div style="float:left; border:1px solid red; width:150px; height:300px; "></div>
<ul>
    <li>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  text text
    </li>
</ul>
</div>
.test ul {
margin-left:23px;
overflow:hidden;
}
 
<div style="float:left; border:1px solid red; width:150px; height:300px; position: relative; margin-right: 20px;"></div>

<ul style="position: relative;">
<li>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</li>
</ul>
 
Можно так еще сделать
HTML:
<ul style="list-style: inside;">
 
Весёлый банан - в ie 6-8 не сработало.
zek24 - в ie 6-8 маркёр вообще пропал
UDAV - с outside блок симпатичнее смотрится

Я вчера час голову ломал, плюнул на таблице собрал :D
 
Назад
Сверху