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,451
    Total Members
    3,128
    Most Online
    rhouland
    Newest Member
    rhouland
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

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

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

    • Вернулся в свою созданную тему через 4,5 года. )) После создания темы около года верстал заказы на фрилансе. От обычной верстки до полноценных LP и небольших сайтов. Даже один раз из своей верстки шаблон Wordpress сделал.   Потом заинтересовался другими нишами и верстку забросил. Арбитражил, занимался СЕО, даже трейдил криптовалютой больше года. Но опять потянуло в вебразработку. Пытаюсь снова все вспомнить. Мешает только основная работа - мало времени остается на своё хобби.  В общем, кому сроки не жмут и кто не боится доверится джуниору, милости просим. Сверстаю, подправлю, помогу. В свободное от работы время. Бескорыстно. Просто хочется снова покодить и не просто так, а чтобы с пользой.  Почта : zdl79@mail.ru Skype : forest19791 Телеграмм : https://t.me/forestino
    • Могу попробовать. Опыт верстки 1 год. Но в связи с основной работой, не связанной с IT, мало на это времени. zdl79@mail.ru
    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
  • Popular Contributors