[Kumin]

Здравствуйте,
Подскажите, пожалуйста, как можно продлить #side до конца страницы.

@темы: меню

Comments

[Aloria]

Никак.
Можно визуально сделать такой эффект с помощью #wrapper. Т.е. если #wrapper залить фоном, совпадающим с фоном #side, то визуально это будет выглядеть, как продолжение меню.

[Sightless]

Только у вас прозрачность в экстратопе, придется возиться в фотошопе с экстратопом, потому что за заливкой фон не будет просвечивать

[Aloria]

Aurum X, для этого существует background-position. Только бэк надо делать картинкой, а не просто фоновым цветом.

[Kumin]

Я вот сделала wrapper прозрачным. Хотела, чтобы так и оставалось, а полоску side хотела продлить, чтобы получился эффект залитого wrapper'a

[Aloria]

Kumin, нет, так сделать нельзя.
Можно, конечно, попробовать поиграть с page-t и page-c, но там придется такой код городить, что не советую.
Лучше сделать следующее: для враппера создать фон - горизонтальную полосу. Пусть она будет шириной с ваш враппер, высотой - можно сделать один пиксель. Ну или 5, или 10. Но немного.
По краям этой полосы - прозрачные области нужной вам ширины. Середину заливаете цветом. Ставите на враппер, задаете background-repeat: repeat-y. Ну и background-position: 0px Xpx, где X - высота вашего экстратопа. Так фон будет начинаться строго с заданного значения, не заходя под экстратоп.
Я бы так сделала.

[Kumin]

Aloria спасибо^^ я сделаю, как Вы сказали)

[Sightless]

Aloria А я подумал, что Вы про заливку цветом Раньше из-за ИЕ6 все ругались, что он прозрачность не любит, заливали просто блок и под прозрачность в картинке подставляли фон, но, может, не самый правильный способ сейчас=))

[Aloria]

Aurum X, не самый, да. Особенно учитывая, что ширина монитора может быть разной, а фон такой... своеобразный, не в каждой точке его можно обрезать. Разве что от центра его устанавливать с самого начала, но проблемы с продолжением меню это все равно в данном случае не решит. Да и если задать позицию фону, все получится гораздо проще.
А ИЕ6 и его отношения с прозрачностью, в принципе, должны остаться в прошлом. ИМХО, надо смотреть только на читабельность в данном случае.

[MysteryLove]

Aloria

Ставите на враппер, задаете background-repeat: repeat-y. Ну и background-position: 0px Xpx, где X - высота вашего экстратопа. Так фон будет начинаться строго с заданного значения, не заходя под экстратоп.

Я попробовала что-то подобное сделать, не получилось. background-position задает только позицию, откуда будет начинаться картинка, а повторятся она будет, если, например, repeat-y, по всей оси, и фон будет сверху до низу из-за повторения. Или я что-то путаю

[Aloria]

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

[MysteryLove]

Aloria ну а если просто немного поиграться с #page-c и #page-t?

[Sightless]

А если расширить page-c, а page-t сделать уже, чтобы слезло с меню? Получится, что кусок от page-c будет под меню, а сам текст сдвинут.

[Aloria]

MysteryLove, Aurum X, мне кажется, это несколько неудачная идея, т.к. на них навешано до фига всего по умолчанию. Хотя хз, может, так и проще.

[Sightless]

Aloria Чет мы просто запутались

Последнее, что я делал с прозрачностью, на фоне у page-c просто картинко высотой 1px, размножается вниз и не трогает экстратоп. Меню там отдельно, но его отправить в блок не проблема, если сами записи чуть сузить и отодвинуть. Оно от блока-то просто релятивно отодвинуто Я не помню, почему, но я на сам враппер никогда фоновую картинку не ставил, если нужно было делать, как хочет Kumin. Думаю, там еще решит размер самой картинки, если даже она шире блока и хайден не стоит.