Показано с 1 по 2 из 2

Тема: float left в IE6-7

  1. #1

    Регистрация
    26.02.2007
    Адрес
    Украина, Запорожье
    Сообщений
    58
    Профессионалы, подскажите, где копать? Я пока даже не знаю, как верно эту проблему скормить гуглу.
    В двух словах. Есть список. Все пункты плавающие float left. После "очистки" clear left все пункты должны начинаться "с новой строки" и дальше следовать на одном уровне. В IE6-7 после "очистки" блоки все равно лезут вверх. Как это лечить? Спасибо.
    [attachment=9077:test.png]
    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    <style type="text/css" rel="stylesheet">
    ul {
    ****list-style-type: none;
    ****margin: 0px;
    ****padding: 0px;
    }
    li {
    ****float: left;
    ****margin: 1px;
    ****background: gray;
    ****width: 50px;
    ****height: 50px;
    ****color: white;
    ****line-height: 50px;
    ****text-align: center;
    }
    .clear {
    ****clear: left;
    }
    .tall {
    ****height: 100px;
    }
    </style>
    </head>
    
    <body>
    
    • ****<li class="clear">0 ****<li class="tall"> 1 ****
    • **************2 ****<li class="clear">3 ****
    • **************4 ****
    • **************5
    </body> </html>

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Боюсь, что при наличии пунктов списка различной высоты кроссбраузерной удачи здесь не видать. Свойство clear очень часто воспринимается ослами весьма неадекватно.

Похожие темы

  1. left: 50%; margin-left: -500px; Или проблема с IE
    от axper4ik в разделе Вёрстка сайта
    Ответов: 0
    Последнее сообщение: 20.04.2011, 14:56
  2. IE, float: left, margin-bottom
    от Kiosuki в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 08.09.2010, 20:28
  3. Ответов: 2
    Последнее сообщение: 09.08.2009, 23:33
  4. IE понимает float:left как clear:left только он!!!
    от fenixnt в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 07.11.2007, 07:59
  5. Проблемы с float:left и clear:left
    от kouzma в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 27.09.2007, 12:23

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •