Поблема с фоном

[Ivzhurik]

Подскажите пожалуйста! Я на фоновый рисунок поставил некое изображение, растягивающееся на весь экран (резиновый фон), задал относительное позиционирование (position:relative;) и сдвиг от нижнего края экрана (bottom: 240px;)... Изображение действительно сдвинулось на 240 пикселей от низа, как я и хотел, но под ним образовался пробел (что, в принципе, естественно). Объясните пожалуйста мне - ламеру, как избавиться от пробела или заполнить его! Заранее спасибо!

Скрин выше!

Edited August 21, 2012 by Ivzhurik

[Yazon_Nile]

Опустить его на bottom:0 ?

[panig]

Если на изображении есть то, что вы хотели скрыть, подняв фон на 240px то вам скорее нужно сделать тег, отдельный, поставить на задниц план, убрать позиционирование, но высоту указать точную, без той части, что вы отрезать собираетесь ну и изображение прижать к нижу позиционированием фона background-position: bottom.

Ну а сам блок уже абсолютным позиционированием прижать к низу страницы.

Или лучше не создавать отдельный блок, а просто в графическом редакторе обрезать фон и прижать к низу позиционированием фона.

[Ivzhurik]

Опустить его на bottom:0 ?

- пробовал - не катит!

Если на изображении есть то, что вы хотели скрыть, подняв фон на 240px то вам скорее нужно сделать тег, отдельный, поставить на задниц план, убрать позиционирование, но высоту указать точную, без той части, что вы отрезать собираетесь ну и изображение прижать к нижу позиционированием фона background-position: bottom.

Ну а сам блок уже абсолютным позиционированием прижать к низу страницы.

Или лучше не создавать отдельный блок, а просто в графическом редакторе обрезать фон и прижать к низу позиционированием фона.

Спасибо огромное! Вроде понятно... Попробую!

Edited August 22, 2012 by Ivzhurik

[Yazon_Nile]

Могу чего-то непонимать, но это

задал относительное позиционирование (position:relative;) и сдвиг от нижнего края экрана (bottom: 240px;)... Изображение действительно сдвинулось на 240 пикселей от низа, как я и хотел, но под ним образовался пробел (что, в принципе, естественно). Объясните пожалуйста мне - ламеру, как избавиться от пробела или заполнить его!

для меня звучит, как это

Положил мороженное в холодильник на третью полку снизу, как и хотел. Но мороженное растаяло, что - естественно. Объясните, что я сделал не так, и как сберечь мороженное

Т.е ты сам понимаешь, что сделал не так, и все равно спрашиваешь)

[Ivzhurik]

Т.е ты сам понимаешь, что сделал не так, и все равно спрашиваешь)

Да) Я понимаю, что я сделал, но других вариантов не знаю и по-этому прошу совета - как сделать по-другому!))) Или, как исправить ошибку)))

Yazon_Nile, А пример хороший)))

[Yazon_Nile]

В чем проблема не сдвигать его? Чем это мешает?

[panig]

Наверное нужно было, чтобы травка касалась основного блока сайта, а не была где-то внизу. Тогда не понятно, зачем такая большая высота прописана. На скриншоте явно не контент так растянул страницу.

(как нравится гадать)

[Ivzhurik]

В чем проблема не сдвигать его? Чем это мешает?

В таком случае, чтобы посмотреть на травку, нужно прокрутить всю страницу, а так не надо и смотрится лучше!

По-завершению могу скинуть скрин получившегося макета для критики прямо в эту тему! Но позже!)

Это то, что получилось с травкой:

panig, Извините, не понял вопроса...) Там, помимо контента, бокового меню и футера, ещё также горизонтальное верхнее меню, шапка и отступ сверху... это всё и растянуло страницу... Если я вас правильно понял...)))

Дизайн, конечно, никакой! Я выставлю его на обсуждение в соответствующий раздел форума, когда сделаю... Ибо дизайнер из меня непутёвый) ИМХО...