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

Тема в разделе "Веб-дизайн", создана пользователем bork75, 25 май 2011.

Модераторы: zek24
  1. bork75

    bork75 The Team

    Регистр.:
    21 июн 2008
    Сообщения:
    1.450
    Симпатии:
    717
    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>

    Есть идеи как это победить по проще?
     
  2. name-k

    name-k Создатель

    Регистр.:
    18 май 2011
    Сообщения:
    31
    Симпатии:
    16
    Проблема в том, что div плавающий. Сделайте ul плавающим и задайте ему четкую ширину, хотя это смотря для каких целей. Опишите подробнее.
     
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.134
    Симпатии:
    668
    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;
    }
     
    bork75 нравится это.
  4. zek24

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    778
    Симпатии:
    233
    <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>
     
    bork75 нравится это.
  5. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    776
    Симпатии:
    153
    Можно так еще сделать
    HTML:
    <ul style="list-style: inside;">
     
    bork75 нравится это.
  6. bork75

    bork75 The Team

    Регистр.:
    21 июн 2008
    Сообщения:
    1.450
    Симпатии:
    717
    Весёлый банан - в ie 6-8 не сработало.
    zek24 - в ie 6-8 маркёр вообще пропал
    UDAV - с outside блок симпатичнее смотрится

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