Среда, 01.05.2024, 01:53
RSS
MySurf

Меню сайта

Форма входа

Продвигаемся!
Раскрутка сайта
Индексация, Тиц и Pr
Соц. Закладки
Накрутка посещаемости
Анонимайзер
Интернет
Html
Накрутка соц. сетей

Друзья сайта
  • Бюро переводов Киев
    • Бюро переводов Киев
    Transfer Kiev
    Lingekon - Обучение языкам по Skype!
    Обмер помещений
    Бирки Сигнумат

    Статистика


     Продвигаемся 
    Главная » Статьи » Html
    Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов
    Шаблон в три колонки
    Очень часто сталкиваюсь с необходимостью верстать трехколоночные страницы.
    Привожу пример:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>(X)HTML+CSS код шаблона</title>
    <meta http-equiv="Content-Type" content="text/xml; charset=UTF-8" />
    <style type="text/css">

    html, body {
        margin:0px; padding:0px;
        background:#fff;
        position:relative;
    }

    body {
        text-align:center;
    }


    #all {
        text-align:left;
        margin:0 auto;
        width:960px;
        min-width:960px;
        max-width:960px;
    }

    .head {
        display:block;
        height:150px;
        background:#FFCC99;
        padding:1px;
    }

    #container {
        position:relative;
        display:block;
    background:#ffec97;
        border-left:solid 200px #FFCCFF;
        border-right:solid 200px #4CFF99;
    }
    #inner {
        display:block;
        position:relative;
         
        margin-left:-200px;
        margin-right:-200px;
        padding:1px;
    }

    #left {
        float:left;
        position:relative;
        width:200px;
        left:0px;
    }
    #right {
        float:right;
        position:relative;
        width:200px;
        right:0px;
    }
    #center {
        margin-left:200px;
        margin-right:200px;
        position:relative;
        display:block;
        height:1%;
    }
    .clear {
        clear:both;
    }


    .foot {
        display:block;
        height:200px;
        background:#4C6F99;
        padding:1px;
    }



    </style>
    </head>

    <body>
    <div id="all">
    <div class="head">Header</div>



    <div id="container">
        <div id="inner">
            <div id="left"> </div>

            <div id="right"> </div>

            <div id="center"> </div>

               
            <div class="clear"></div>
        </div>

    </div>

    <div class="foot">Footer<br /></div>
    </div>
    </body>
    </html>

    Категория: Html | Добавил: MySurf (17.11.2013)
    Просмотров: 1373 | Рейтинг: 0.0/0
    MY SURF © 2010-2024