Подскажите по верстке.(решено)

Подскажите по верстке.(решено)

Прислано: Alex_R

пт, 19/03/2010 - 15:41

Другие статьи по теме:

Drupal 6.*

Имеем дизайн с "резиновой" версткой, в нем шапка, основная часть и подвал. Вопрос с средней частью, которую нужно слева и справа заполнить фоном, причем слева и справа фон разный. Как это реализовать табличной версткой я отлично понимаю - таблица из трех колонок - в первой один фон, во второй весь контент, а в третьей другой фон, а вот как такого же добиться с помощью слоев, без использования таблицы?

Alex_R's blog
Для комментирования войдите или зарегистрируйтесь

Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Применить"

Опубликовано adubovskoy в пт, 19/03/2010 - 15:59.

посмотрите на разметку drupal.ru. это и будет вашим решением))) обычная резиновая трехколоночная верстка. http://www.google.ru/search?hl=ru&safe=off&q=3+column+css+layout&btnG=%D... в гугле полно вариантов реализации, и с отрицательными маргинами, и без, на любой вкус....

Для комментирования войдите или зарегистрируйтесь

Опубликовано Alex_R в пт, 19/03/2010 - 16:15.

adubovskoy написал(а):

посмотрите на разметку drupal.ru.

Может быть я не правильно объяснил свою мысль, мне нужно чтобы фон (background) и слева и справа начинался у шапки и заканчивался у подвала вне зависимости от наполнения этих столбцов (которого нет).
Как это сделать фоновым цветом вроде нашел, хотя ИМХО способ совсем кривой http://htmlbook.ru/content/?id=109 , а как картинкой вообще не понял :(

Для комментирования войдите или зарегистрируйтесь

Опубликовано Serge66 в пт, 19/03/2010 - 16:29.

Скачайте Артистир2.4 и посмотрите как там делается

Для комментирования войдите или зарегистрируйтесь

Опубликовано xxandeadxx в пт, 19/03/2010 - 16:52.

оборачиваете весь контент в два враппера, у первого background-position:0 0; у второго background-position:50% 0;

Для комментирования войдите или зарегистрируйтесь

Опубликовано Alex_R в пт, 19/03/2010 - 17:04.

xxandeadxx написал(а):

оборачиваете весь контент в два враппера,

ОГРОМНОЕ СПАСИБО!
Только в моем случае как я понимаю надо
для первой обертки (красной на Вашем рисунке):
background-position: left top;
background-repeat: repeat-y;

Для второй обертки (синей)
background-position: right top;
background-repeat: repeat-y;

а зеленую область выровнять между ними с помощью отступов нужной ширины.
Еще раз огромное СПАСИБО!
Если сейчас все получится помечу, что решено.