[Решено] Помогите, плиз! Проблема после двух дивов в строчку.

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Lonely-Sail, 2 июн 2015.

  1. Lonely-Sail

    Lonely-Sail

    Регистрация:
    2 июн 2015
    Сообщения:
    1
    Симпатии:
    0
    Такая проблема:
    Два дива стоят рядом в строчку, оба высотой 410px, но почему-то следующий див не отсчитывает margin от этих двух, а только от того, что перед ними.

    <div id="div-toxic-left">
    <ul id="list-2">
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
    </ul>
    </div>
    <div id="div-toxic-right"><img src="img/toxic-in-fat.gif" width="447" height="302" alt="Токсины в жировых тканях"/></div>
    <div class=”clearer”></div>

    #div-toxic-left{margin: 0px 0px 0px 1px; height: 100%; min-height:410px; width: 600px; background:#ecf7ff; float:left;}
    #div-toxic-right{margin: 0px 1px 0px 0px; text-align:left; min-height:410px; width:600px; background:#ecf7ff; float:left;}
     
  2. MyWeb

    MyWeb

    Регистрация:
    27 май 2015
    Сообщения:
    13
    Симпатии:
    1
    text-align:left; в первом нужен?
    float left попробуй для третьего

    а если все совсем плохо - позишн абсолют задаешь иму и подгоняешь куда тебе надо, но это плохое решение, но работать будет)
    или все в таблицу\сетку...
     
  3. Valeon

    Valeon

    Регистрация:
    13 авг 2015
    Сообщения:
    7
    Симпатии:
    0
    для начала сделай reset.css(сброс стилей). Для .clearer сделай clear: both;
     
  4. Rus33

    Rus33

    Регистрация:
    12 авг 2015
    Сообщения:
    2
    Симпатии:
    1
    {margin: 0px 0px 0px 1px; - измени на {margin: 4px 0px 0px 1px;:Sorry: