Jump to content
  • 0

Фон


SLameN
 Share

Question

Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины).

 

Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно.

 

Как сделано сейчас

background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;

Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки...  Можно конечно: overflow-x:hidden, но не хочется этого делать

 

Верстка выполнена div. Как убрать скролл?

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Эм... вообще фон пропал) Мое разрешение - 1600

Еще минимальную и максимальную ширину надо поставить. У меня работает во всяком случае. Ну или просто ширину (хотя это вряд ли подходит)

Edited by binomer
Link to comment
Share on other sites

  • 0

Предложили такое: position:fixed, фон встал хорошо, но мой wpr встал по левому краю, свойства такие - margin: 0 auto



Еще минимальную и максимальную ширину надо поставить. 

И какая будет минимальная и максимальная?

Link to comment
Share on other sites

  • 0

Предложили такое: position:fixed, фон встал хорошо, но мой wpr встал по левому краю, свойства такие - margin: 0 auto

Еще минимальную и максимальную ширину надо поставить. 

И какая будет минимальная и максимальная?

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

 

А насчет мин. и макс. ширины. Очевидно, неплохо поставить максимальную ширину 1912 ( как размер фонового изображения). А минимальная - это ширина твоего контента основного. Ну и контент, естесственно, надо центрировать.

Edited by binomer
Link to comment
Share on other sites

  • 0

Фон нормальный, но скролл все равно есть...

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy