Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 28-11-2007 21:09:49

advan
ю
Откуда: Mk
Зарегистрирован: 05-11-2006
Сообщений: 835
Вебсайт

Фиксированные и резиновые колонки

4-х колончатый сайт.
Нужно чтобы 1-я, 3-я и 4-я колонки были фиксированной ширины, а 2-я резиновая - при разном разрешении на разных мониторах она растягивалась / сужалась.
Остальные должны находиться на своих местах!

Сделал вроде намально все, однако при уменьшении разрешения до определенного размера последние колонки располагаются друг под другом sad


Знакомьтесь на здоровье - http://love.kachok.ru  /  Я в PHP ниПХПуя незнаю! :)

Неактивен

 

#2 28-11-2007 21:29:11

raivilion
живёте
Откуда: Екатеринбург
Зарегистрирован: 14-02-2007
Сообщений: 86

Re: Фиксированные и резиновые колонки

А каким образом делал?

Неактивен

 

#3 28-11-2007 22:14:44

the_ghost
ять
Откуда: Минск
Зарегистрирован: 01-05-2007
Сообщений: 1957
Вебсайт

Re: Фиксированные и резиновые колонки

advan написал:

4-х колончатый сайт.

Сделал вроде намально все, однако при уменьшении разрешения до определенного размера последние колонки располагаются друг под другом sad

А куда этим колонкам деваться когда становится "узко"? Нормальное действие.
P.S. Погуглите в английском гуглу по словам "css free template"


.      Создание шаблонов для Textpatern http://textpattern.ru/forum/viewtopic.php?id=1665 (<txp:make_template quality="best" />)
КОНСУЛЬТАЦИИ по Textpattern - ICQ#8458496, nemiga@gmail.com <txp:if_question><txp:pay /></txp:if_question>
       Список всех тегов - http://textbook.textpattern.net/wiki/in … _Reference

Неактивен

 

#4 29-11-2007 07:35:28

burzum
добро
Зарегистрирован: 30-07-2007
Сообщений: 47

Re: Фиксированные и резиновые колонки

То же боролся с проблемой, когда создавал свой первый резиновый "шаблон" (тогда еще 3-х колоночный).

Делайте "матрешку" с вложениями: В контейнер оберините 3 float блока - 1-й width:auto (float:left), 2-й и 3-й фиксенной ширины (оба float:right), в первый вложте контейнер с двумя float блоками: соотвтесвенно (можно оба float:left) первый фиксенной ширины (фактически это будет блок №1), второй авто (физически №2).

Уход "поплавков" вниз, под блок который они обтекают - заморочная проблема. Описанно выше решение лишь база. Далеше рекомендую использовать атрибуты для блоков (overflow: hidden, ), можете поигратся атрибутами z-index. Для блоков auto я использую атрибут min-width - но он не работает в ранних "осликах".

И вообще рекомендую при создании шаблонов использовать фрамворк от http://css-framework.ru/ - он легок и там уйма css-хаков все для того же IE.

Отредактированно burzum (29-11-2007 07:41:51)

Неактивен

 

#5 29-11-2007 14:03:34

burzum
добро
Зарегистрирован: 30-07-2007
Сообщений: 47

Re: Фиксированные и резиновые колонки

Сейчас взялся для порталчика нового сделать 4 колоночную схему.... Вышеописанное неработает корректно!!! Выход найден по следующей схеме. Создаем секции для 3 колонок (размеры рихтуйте сами):

Код:

    #left {
        float:left;
        position:relative;
        width:150px;
        left:0px;
    }
    #right {
        float:right;
        position:relative;
        width:300px;
        right:0px;
    }
    #center {
        margin-left:150px;
        margin-right:300px;
        position:relative;
        display:block;
    }

Т.е. left - это у нас первая колонка (фиксенная ширина 150), center - резиновая вторая колонка, right - фиксенный на 300 пикселов контейнер для 3 и 4 колонки ( внутри делайте "матрешку": два блока с нужной шириной )

ВАЖНО: важна последовательность вывода колонок сначала выдавайте left, затем right (с внутряшками), center - в последнюю очередь.

Отредактированно burzum (29-11-2007 14:03:51)

Неактивен

 

#6 30-11-2007 17:20:11

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Фиксированные и резиновые колонки

Только не надо лишние свойства вставлять без надобности. Достаточно вот этого:

Код:

    #left {
        float:left;
        width:150px;
    }
    #right {
        float:right;
        width:300px;
    }
    #center {
        margin:0 300px 0 150px;
    }

Неактивен

 

#7 30-11-2007 19:27:20

the_ghost
ять
Откуда: Минск
Зарегистрирован: 01-05-2007
Сообщений: 1957
Вебсайт

Re: Фиксированные и резиновые колонки

burzum - а где же 4 колонки? smile


.      Создание шаблонов для Textpatern http://textpattern.ru/forum/viewtopic.php?id=1665 (<txp:make_template quality="best" />)
КОНСУЛЬТАЦИИ по Textpattern - ICQ#8458496, nemiga@gmail.com <txp:if_question><txp:pay /></txp:if_question>
       Список всех тегов - http://textbook.textpattern.net/wiki/in … _Reference

Неактивен

 

#8 01-12-2007 17:38:35

advan
ю
Откуда: Mk
Зарегистрирован: 05-11-2006
Сообщений: 835
Вебсайт

Re: Фиксированные и резиновые колонки

Спасибо! Буду экспериментировать!

the_ghost написал:

burzum - а где же 4 колонки? smile

Написано ж - right - фиксенный на 300 пикселов контейнер для 3 и 4 колонки ( внутри делайте "матрешку": два блока с нужной шириной )


Знакомьтесь на здоровье - http://love.kachok.ru  /  Я в PHP ниПХПуя незнаю! :)

Неактивен

 

#9 03-12-2007 07:59:23

burzum
добро
Зарегистрирован: 30-07-2007
Сообщений: 47

Re: Фиксированные и резиновые колонки

warmrobot, зря ты так! Я плохого не посоветую - не рекомендовал бы отказываться от "лишнего" smile Не стал бы я отказываться от "position:relative" и собенно от опции "display:block". Сеточка будет порядком устойчивей.

the_ghost, нашел? smile

Неактивен

 

#10 06-12-2007 21:27:22

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Фиксированные и резиновые колонки

burzum написал:

warmrobot, зря ты так! Я плохого не посоветую - не рекомендовал бы отказываться от "лишнего" smile Не стал бы я отказываться от "position:relative" и собенно от опции "display:block". Сеточка будет порядком устойчивей.

the_ghost, нашел? smile

Очень сомневаюсь, что будет что-то там устойчивее. :-) Устойчивость - это вообще странный критерий: страница не может 4 раза отрисоваться как надо, а на пятый расползтись в месиво.

Любой элемент div и так по умолчанию блоковый. И position: relative абсолютно лишнее правило, поскольку ни сам блок никуда не позиционируется, ни дочерние элементы не позиционируются относительно него. По крайней мере, в данном контексте.
Ну а про сокращённые формы записи и говорит нечего. Я всегда так пишу.

Неактивен

 

#11 20-07-2008 15:34:26

mac-adres
есть
Зарегистрирован: 07-05-2008
Сообщений: 58
Вебсайт

Re: Фиксированные и резиновые колонки

сделал двухколоночный, первая с фиксированной вторая резиновая www.itconfig.ru
работает все, но после этих изменений, при в ходе в категорию (создание сайтов, аудит оптимизация) то после первой статьи идет большой разрыв, потом уже следуют остальные!!!!

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru