[вопрос] 3 колонки 2-1-3 или 2-3-1

Тема в разделе "Веб-дизайн", создана пользователем bumbu, 21 ноя 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. bumbu

    bumbu

    Регистр.:
    17 окт 2007
    Сообщения:
    233
    Симпатии:
    28
    мой моцк скоро полностью отрубица, скока я не пытаюсь, и сколько я не искал, ничего. уже кажется что такое толком невозможно.

    нужно в шаблоне сделать 3 колонки, но не просто 3 колонки а так чтоб первые две были фиксироваными, а третья растягивалась на остальное поле. ну ладно эту задачу я то нашёл как решить, но вся гадость в том что самая длиная колонка в моём случае это вторая, и футер так и не хочет на своём месте сидеть.

    идеально было бы иметь структуру кода 2-1-3 или 2-3-1(мне тут не важно), первые 2 колонки в шаблоне фиксированые, а третьяя(правая) должна растягиватся на оставшиеся поле, и не забывать факт что самая длиная колонка та что по середине(вторая, это для футера важно).

    и плз без "умных" подсказок, желательно либо сразу решение, либо вообще не писать глупости.
    а на счёт сообщении типа "вот тут ссылка" - тоже не надо, кому нужно - сам могу дать целый пак.

    п.с. ток не предлагайте таблицы : )

    осенила некая "идея". но получяется 3-1-2 т.е. контент наоборот в самый конец уходит, но зато хоть какоето решение, но всёравно тема отсаётся открыйтой.

    вот собстна тут Перейти по ссылке пример как сделать левую колонку статицеской ширины, и сохранять футер на своём месте, и просто вот эту левую колонку и делим на 2 колонки которые логически тоже будут с заданой шириной.
     
  2. bumbu

    bumbu

    Регистр.:
    17 окт 2007
    Сообщения:
    233
    Симпатии:
    28
    вижу никому такие темы уже не интересны, либо просо лень. суть не в этом, к идее что меня вторкнула вчера всётаки получилось даже 3-2-1, и я даже так и оставил пока сегодня небыло принято решение сделатьпервый блок статическим, а второй и третий динамическими : )

    решение было придумано с тогоже сайта, вот именно статья: Перейти по ссылке
    при том что получилось 2-1-3, кокраз то что нужно, вот что у меня вышло в коде:
    PHP:
    HTML:

    <!
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >
    <
    head>
        <
    link rel="stylesheet" type="text/css" media="screen,projection" href="style.css" />
    </
    head>
    <
    body>
    <
    div class="colmask doublepage">
        <
    div class="colleft">
            <
    div class="col1">
                <
    div class="col4">
                    

                
    </div>
                <
    div class="col3">
                    

                
    </div>
            </
    div>
            <
    div class="col2">
                
    3    
            
    </div>
        </
    div>
    </
    div>
    <
    div id="footer">
        
    foter
    </div>
    </
    body>
    </
    html>
    а вот тут ксс
    PHP:
    body {margin:0;padding:0;border:0;width:100%;background:#fff;min-width:600px;font-size:90%;}
    /* column container */
    .colmask {clear:both;float:left;width:100%;overflow:hidden;}
    .
    colleft {float:left;width:100%;position:relative;}
    .
    col1,.col2{float:left;position:relative;padding:0 0 1em 0;overflow:hidden;}
    /* 2 Column (double page) settings */
    .doublepage {}
    .
    doublepage .colleft {right:50%;background:#fff;}
    .doublepage .col1 {width:50%;left:50%;background:#ff0000;}
    .doublepage .col2 {width:49.999%;left:50%;background:#00ff00;}
    .col3{position:absolute;top:0;left:0;width:40px;}
    .
    col4{margin-left:40px;}

    #footer {clear:both;    float:left;width:100%;border-top:1px solid #000;}

    ещё раз повторю - тут структура в коде 2-1-3 где первый блок в шаблоне фиксированный, второй и третий резиновые.
     
Статус темы:
Закрыта.