Фон

[SLameN]

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

 

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

 

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

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

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

 

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

[binomer]

background-size: cover

например, может помочь

[SLameN]

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

[binomer]

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

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

Edited March 15, 2014 by binomer

[SLameN]

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

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

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

[binomer]

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

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

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

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

 

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

Edited March 16, 2014 by binomer

[SLameN]

background: url('../img/bg_bod.png') no-repeat;background-size: cover;max-width: 1912px;min-width: 1000px;

Не получается... Вот ссылка на мой фон

[binomer]

background: url('../img/bg_bod.png') no-repeat;background-size: cover;max-width: 1912px;min-width: 1000px;

Не получается... Вот ссылка на мой фон

 

Я не про cover говорил, а вообще... что неплохо бы задать ширину

[SLameN]

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

[binomer]

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

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

[SLameN]

 Больше нигде нет больше 1000px; Мое разрешение - 1600px

body {        background: url('../img/bg_bod.png') no-repeat;    background-position: center top;    background-color: #a1caea;}.wrp {    width: 1000px;    margin: 0 auto;}

[SLameN]

Спасибо, разобрался, проблема была вообще в другом... binomer был прав, в позиционировании забыл задать ширину и высоту

[binomer]

Спасибо, разобрался, проблема была вообще в другом... binomer был прав, в позиционировании забыл задать ширину и высоту

 

Как известно, фиксированная высота - чаще всего плохо