: CSS (float) Цвет не ложится полностью.Как сделать чтобы цвет полностью лёг?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Ванн, 10 мар 2015.

  1. Ванн

    Ванн

    Регистрация:
    10 мар 2015
    Сообщения:
    1
    Симпатии:
    0
    <a href="http://SSmaker.ru/0458f165/" target="_blank">скриншот</a>

    index.html
    !DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html charset=utf-8">
    <title>Плавающие элементы</title>
    <link href="css/style.css" type="text/css" rel="stylessheat">
    </head>

    <body>

    <div id="make">
    <div id="colors">
    <div id="blue">
    <h4>Dedicated 24/7 Support</h4>
    <p>Pellentesque tellus tortor, lobortis eget venenatis non, aliquet a massa. Mauris aliquam ultrices lectus, quis</p>
    <a>Read More</a></div>
    <div id="yellow"></div>
    <div id="green"></div>
    </div>
    </div>


    </body>
    </html>


    css



    #make{
    height:700px;
    width:1024px;
    margin:0 auto;
    padding-top:30px;
    }

    #colors{
    height:147px;
    outline:1px solid #000000;
    padding:0 49px 0 42px;
    }

    #blue{
    height:147px;
    width:306px;
    float:left;
    outline:1px solid #800000;
    background-color:#2c789c;
    }

    #yellow{
    height:147px;
    width:321px;
    float:left;
    outline:1px solid #800000;
    background-color:#e5b00d;
    }

    #green{
    height:147px;
    width:306px;
    float:left;
    outline:1px solid #800000;
    background-color:#97ba15;
    }
     
  2. alimov5555

    alimov5555

    Регистрация:
    10 мар 2015
    Сообщения:
    1
    Симпатии:
    0
    Разбей нормально таблицой этот блок и пропиши туда цвета и любые действия к ним.
     
  3. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Что значит "лёг полностью"? Имеется в виду белые зоны слева и справа?

    Если так, то сделать сумму ширин blue yellow green равной ширине make и убрать из colors padding.