форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
4-х колончатый сайт.
Нужно чтобы 1-я, 3-я и 4-я колонки были фиксированной ширины, а 2-я резиновая - при разном разрешении на разных мониторах она растягивалась / сужалась.
Остальные должны находиться на своих местах!
Сделал вроде намально все, однако при уменьшении разрешения до определенного размера последние колонки располагаются друг под другом
Неактивен
А каким образом делал?
Неактивен
advan написал:
4-х колончатый сайт.
Сделал вроде намально все, однако при уменьшении разрешения до определенного размера последние колонки располагаются друг под другом
А куда этим колонкам деваться когда становится "узко"? Нормальное действие.
P.S. Погуглите в английском гуглу по словам "css free template"
Неактивен
То же боролся с проблемой, когда создавал свой первый резиновый "шаблон" (тогда еще 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)
Неактивен
Сейчас взялся для порталчика нового сделать 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)
Неактивен
Только не надо лишние свойства вставлять без надобности. Достаточно вот этого:
#left { float:left; width:150px; } #right { float:right; width:300px; } #center { margin:0 300px 0 150px; }
Неактивен
burzum - а где же 4 колонки?
Неактивен
Спасибо! Буду экспериментировать!
the_ghost написал:
burzum - а где же 4 колонки?
Написано ж - right - фиксенный на 300 пикселов контейнер для 3 и 4 колонки ( внутри делайте "матрешку": два блока с нужной шириной )
Неактивен
warmrobot, зря ты так! Я плохого не посоветую - не рекомендовал бы отказываться от "лишнего" Не стал бы я отказываться от "position:relative" и собенно от опции "display:block". Сеточка будет порядком устойчивей.
the_ghost, нашел?
Неактивен
burzum написал:
warmrobot, зря ты так! Я плохого не посоветую - не рекомендовал бы отказываться от "лишнего" Не стал бы я отказываться от "position:relative" и собенно от опции "display:block". Сеточка будет порядком устойчивей.
the_ghost, нашел?
Очень сомневаюсь, что будет что-то там устойчивее. :-) Устойчивость - это вообще странный критерий: страница не может 4 раза отрисоваться как надо, а на пятый расползтись в месиво.
Любой элемент div и так по умолчанию блоковый. И position: relative абсолютно лишнее правило, поскольку ни сам блок никуда не позиционируется, ни дочерние элементы не позиционируются относительно него. По крайней мере, в данном контексте.
Ну а про сокращённые формы записи и говорит нечего. Я всегда так пишу.
Неактивен
сделал двухколоночный, первая с фиксированной вторая резиновая www.itconfig.ru
работает все, но после этих изменений, при в ходе в категорию (создание сайтов, аудит оптимизация) то после первой статьи идет большой разрыв, потом уже следуют остальные!!!!
Неактивен