Начинаю в ХТМЛ

Тема в разделе "Web-design и ваши работы", создана пользователем Artem325, 7 апр 2010.

Статус темы:
Закрыта.
  1. Artem325

    Artem325 Гость

    Решил попробовать написать типа "сайт" блоками <div>, сделать разметку. делаю так:
    Код (Text):
    <html>
    <head><title>Index page</title>
    <style type="text/css">
    DIV.head{
    border: solid 1px #0ff;
    height: 100px;
    width: 100%;
    background: #999;
    clear: both;
    }
    DIV.pic1{
    height: 100%;
    float: left;
    }
    DIV.pic2{
    height: 100%;
    float: right;
    }
    DIV.body{
    height: 100%;
    width: 90%;
    background: #090;
    position: relative;
    clear: both;
    left: 5%;
    }
    DIV.menu{
    height: 99%;
    width: 15%;
    background: #990;
    float: left;
    position: relative;
    top: 5px;
    left: 5px;
    }
    DIV.content{
    position: absolute;
    top: 5px;
    left: 10px;
    height: 90%;
    width: 74%;
    background: #099;
    float: right;
    }
    </style>
    </head>
    <body>
    <div class="head">
    <div class="pic1" align="left"><img src="\pic\1.jpg" height=100%>
    </div>
    <div class="pic2" align="right">
    <img src="\pic\2.jpg" height=100%>
    </div>
    </div>
    <div class="body">
    <div class="menu">

    </div>
    <div class="content">

    </div>
    </div>
    </body>
    </html>
    Проблема заключается в том, что никак не могу выравнять блок "контент" (бирюзовый). Как мне это сделать, желательно блоками.
     
  2. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.468
    Симпатии:
    27
    В какую строну?
     
  3. Artem325

    Artem325 Гость

    в право от меню, чтобы меню было слева.
     
  4. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.468
    Симпатии:
    27
    скрин в студию, что-то я запутался.
     
  5. Artem325

    Artem325 Гость

    [​IMG]
    желтое - меню(проглядывается)
     
  6. Artem325

    Artem325 Гость

    всё, проблема решилась)) вот так:
    нужно было position выставить в relative у блока content.))
    тему закрываю))
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей