Вид для печати
Добрый день. Есть такая задача. Есть три колонки. две боковые - статичные, средняя растягивается. Нужно снизу колонок повешать фон без повторений, а незаполненое пространство одного цвета залить. НО, низ колонок должен определятся на высотой колонки, а высотой самой страницы (метод ложных колонок и удлинения вниз тоже). Как быть?
З.Ы. Как вы рисуете страницы? к примеру как тут[Only registered and activated users can see links. Click Here To Register...]
Во-первых, мы их здесь не рисуем, а верстаем. Во-вторых, вот как написано на иллюстрации Ивана Григорьевича – так и верстаем... В-третьих (отвечаю на первый вопрос), многое зависит в Вашем примере от наличия/отсутствия хидера и/или футера...
НУ первых два ответа - это к З.Ы. которые по теме не связаны.
На третий вопрос - хидер есть (общий), а футера нет.
Связи не вижу. Объясните пожалуйста
[/quote]Цитата:
Originally posted by KukMan@Jul 27 2007, 04:52
НУ первых два ответа - это к З.Ы. которые по теме не связаны.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
В самом деле? Вообще-то все, что "по теме не связано" – это оффтоп. Видимо, придется Вам за него получить официальное предупреждение... А "по теме" будет, наверное, теперь уже только днем.
ну так,а в чем проблема? как основу используй метод ложный колонок...
Извините, Aykroyd, вы правы. Не хочу с вами спорить, потому что вы модератор, а я простой пользователь.
Метод ложных колонок тут не подойдет потому что, средняя колонка растягивается.
Ну можно поэксперементировать и пробовать делать дополнительный бокс и цеплять два фона (один на первую колонку, второй на вторую), как в статьи [Only registered and activated users can see links. Click Here To Register...] (способ 2)
Скажу Вам по секрету, "способ 2" работает некорректно. Как минимум – в Опере. Вы бы показали свой макет целиком, может там все намного проще решить можно. Вот взять хотя бы эти боковые колонки – в них текст будет? Или только два медведя внизу? ) Если текст будет, будет ли он "залазить" на медведей? Если, например, НЕ будет – можно повесить абсолютно спозиционированный прозрачный футер внизу body. И уже на него навесить фоновых медведей...
Вот весь макет. т.к. макет должен быть резиновым по вертикали и по горизонтали, я решил, чтобы боковые колонки были синими, а в конце них сделать фоном полоски с картинкой. Форму подписки думал сделать абсолютным позиционированием. Табличку с календарем тоже. Ваше мнение?
[/quote]Цитата:
Originally posted by KukMan@Jul 27 2007, 17:12
Вот весь макет. т.к. макет должен быть резиновым по вертикали и по горизонтали, я решил, чтобы боковые колонки были синими
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Простите, но цвет никак не связан с "быть резиновым по вертикали и по горизонтали". Суть – хоть серобуромалиновыми...
[/quote]Цитата:
Originally posted by KukMan@Jul 27 2007, 17:12
а в конце них сделать фоном полоски с картинкой.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Ну вот видите, текст на эти картинки в колонках НЕ заходит. Можете в футер их фоновыми изображениями засунуть. Можете их расписать в коде внутри колонок, но при этом спозиционировать абсолютно относительно body (по его низу). Вариантов масса...
[/quote]Цитата:
Originally posted by KukMan@Jul 27 2007, 17:12
Форму подписки думал сделать абсолютным позиционированием. Табличку с календарем тоже. Ваше мнение?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Совсем не обязательно. Подойдет и прямой поток внутри колонок...
[/quote]Цитата:
Originally posted by KukMan@Jul 27 2007, 12:12
Форму подписки думал сделать абсолютным позиционированием. Табличку с календарем тоже. Ваше мнение?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
если делать абсолютным поз. то смысл где смысл раскладывать в 3 колонки?
сделайте одну большую колонку,а все остальное спозицианируйте, если канеш не будет больше никакого контента в боковых частях.
еще неплохобы предусмотреть вариан с малым количеством контента в основной части,здесь поможет минимальная высота.
Извините за тупость, а как это сделать? тут же нет футера (подвала). Только хидер и три колонки.Цитата:
Можете в футер их фоновыми изображениями засунуть.
Так создайте его (футер) [Only registered and activated users can see links. Click Here To Register...]
Допустим у нас будет футер. Его привязываем к низу окна (абсолютным позиционированием).
Но у нас ширина окна заранее неизвестна. Как поставить фон и для левой и для правой колонки?
Левый фон – фон самого футера. Правый фон – фон какого-нибудь вложенного в футер другого блока...
Но в приведенном Вами примере можно и без футера обойтись... Создаем блоки с нужными фонами внутри колонок и позиционируем их абсолютно относительно body... Должно получиться...
ок. спасибо. буду мучать.
и еще вопрос не по теме но по макету выше. Как сделать такую форму, как на макете? кроме указания border'a еще нужно что-то указывать?
(как в списках list-style:none;)?
[/quote]Цитата:
Originally posted by KukMan@Jul 27 2007, 13:24
ок. спасибо. буду мучать.
и еще вопрос не по теме но по макету выше. Как сделать такую форму, как на макете? кроме указания border'a еще нужно что-то указывать?
(как в списках list-style:none;)?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
background-color:transparent
Мне пришла мысль. Вполне рабочая.
Если сделать один большой бокс. Растянуть его по всей ширине. Высота определяется содержимым.
В нем делаем еще два бокса - один на лева флоутим, второй направо. Ставим им высоту в 100%. В родительском боксе делаем отсупы по бокам для колонок и туда пишем контент. получится типа того.
<div id="content">
<div id="column1"> </div>
<div id="column2"> </div>
Тут контент блаблабла
</div>.
#content {width:100%;margin:0 200px;}
#column1 {width:200px;height:100%;float:left;background:#ff f url('images/medved.gif') left bottom no-repeat;}
#column1 {width:200px;height:100%;float:right;background:#f ff url('images/medved.gif') right bottom no-repeat;}
Кто что думает по этому поводу?
[/quote]Цитата:
Originally posted by KukMan@Jul 27 2007, 19:33
Кто что думает по этому поводу?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Думаю, что шибко Вы размечтались, однако... ))
Ачо? не будет работать? я так сделал в хидере - работает
Ну-ну) У хидера тогда указание явной высоты в CSS уберите... и посмотрим, что и как у Вас там заработает...