Почему масштабируется изображение?

тогда у картинки отступ справа:

Ольга, покажите цельный блок куда вам надо это и я помогу вам.

slave,

<div class="table-block" style="background-image:url('/images/table.jpeg'); height: 510px;">
</div>

element.style {
    background-image: url(/images/table.jpeg);
    height: 510px;
}

.table-block {
    background-image: url(/images/table.jpeg);
    display: inline-block;
    width: 100%;
    height: 510px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}

slave, суть проблемы выяснилась: картинка прячется за левым меню. осталось придумать, как ей запретить туда залезать

Если я это свойство отключу картинка становится ещё менее пригодной:

Ольга, чтобы вся картинка влазила надо так background-size: contain; но думаю такой результат тоже не удовлетворит :)

Eugene Chefranov, тогда у картинки отступ справа:

Ольга, ну так а что вы хотите? Когда вы картинку ставите на фон, браузер не знает о соотношении сторон этой картинки и вставляет её по размеру блока.

Если хотите, чтобы было автоматическое соотношение сторон, то делайте с помощью img, но тогда это будет блок и надо будет шаманить с absolute, чтобы разместить контент.

Рустам Байназаров, с img попробую, а что там с absolute?

Рустам Байназаров, вспомнила, img я уже пробовала но возникла проблема, что нужно сверху наложить текст, а на картинку он ни в какую накладываться не хотел

Ольга.

вспомнила, img я уже пробовала но возникла проблема, что нужно сверху наложить текст, а на картинку он ни в какую накладываться не хотел

Вот это и есть касательно absolute.

Рустам Байназаров, только сейчас поняли, сделали background-attachment, из-за этого и режет. как можно сделать, чтобы картинка прокручивалась, но не приближалась?

Ольга, совсем не понял, что вы имеете в виду. Можете показать на примере?

тогда у картинки отступ справа:

Ольга, уберите height: 510px;
Тогда картинка займёт всю ширину блока и не будет обрезаться по горизонтали. Будет обрезаться по вертикали. У блока, в котором находится картинка, и самой картинки разные соотношения сторон. Поэтому придётся каким-то куском жертвовать. :)

тогда у картинки отступ справа:

Ольга, если картинка не такого же размера как контейнер для нее, чего вы ожидали?

Ольга, можете попробовать оставить cover и выровнять с помощью background-position

bQ1, background-position итак стоит center

Ольга, дак сделайте не центр а выровняйте как надо тык