Ivzhurik

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

Recommended Posts

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

s_1345562216_6610395_0440699750.png

Скрин выше!

Edited by Ivzhurik

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites
Опустить его на bottom:0 :facepalmxd: ?
- пробовал - не катит!

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

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

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

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

Edited by Ivzhurik

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites
Т.е ты сам понимаешь, что сделал не так, и все равно спрашиваешь)

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
В чем проблема не сдвигать его? Чем это мешает?

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

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

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

s_1345740268_6678707_8c3d5a99b0.png

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,434
    Total Members
    3,128
    Most Online
    Sterben
    Newest Member
    Sterben
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Если свойства нет в спецификации, то откуда его возьмет браузер? Даже если в каком то одном из браузеров введут это свойство то смысла его использовать все-равно не будет, так как в остальных оно работать не будет 🙂   Тогда бардак творился, DHTML, разные объектные модели и все дела. У netscape действительно была такая фича. Хотя не факт что она работала. Вот тут https://www.uv.es/jordi/v3/html/dynhtml/dynamic.pdf можно увидеть что float:center; присутствует в коде, но следом написано что элементы можно выровнять с помощью float слева или справа, или с помощью js по центру. Также в книге указаны допустимые значения для float - left, right, none. Так что это скорее всего была запланированная возможность, которая не получила реализации.
    • Если бы с html и css, все браузеры строго соответствовали спецификациям) Да статье около десятка лет, а то и более. Вот я тоже склоняюсь к тому, что это ошибка. но эта лекция была написана даже с учётом ещё живого на тот момент netscape navigator. Может быть он позволял интерпретировать такую конструкцию. В описании автор указывает, что так блок становится обтекаемым с двух сторон.
    • Может с clear путаете? Или в статье спутали. Наверно, древняя?
      http://htmlbook.ru/css/clear
  • Popular Contributors