Как сделать ровный, нормальный фон для сайта?

Question

[Lunatrius]

Я как не крути не могу сделать так чтобы на сайте фон был статичен! Там так, там так, а там так... Код моего фона -

<style>
body{
background: url(spring.jpg);
background-repeat: no-repeat;
width: 50%;
margin: 0;
padding: 0;
}
.background {
      background-position: center center;
      background-size: cover;
}
</style>

И постоянно появляется полоска справа уже надоело. Я менял и там разрешение и % крутил, в пикселях все отмерял ничего не помогает.

Comments

[Модератор]

Не нужно писать комметарии в секции ответов

3.8. Использовать для демонстрации фрагментов кода только специальный тег < code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/).

[Ankhena]

Сотворите скрин и пример в песочнице.

И не надо менять ширину body, используйте контейнер.

[Сергей Котов]

Какая полоска? Background-size:cover же. То есть фон полностью наполняет блок. Если полоска на картинке то нужно найти фон без полосок. Или же конкретно задать bg position x и y в пикселях. Если проблема в определённом разрешении экрана используй media

[Lunatrius]

Сергей Котов, Не мог бы сказать оптимальное разрешение для фона?

[Сергей Котов]

Lunatrius, ищите картинки 16:9. Это самое оптимальное соотношение

[Сергей Котов]

Lunatrius, хотя скажите высоту и ширину блока в который должен быть задан background. Ня всякие если хотите фон на всю высоту экрана используйте height: 100vh;

Answer 1

[Валентин]

Наверно это ты имел ввиду

body {
    background-attachment: fixed; 
   }