Что можно сделать для нормального отображения сайта(часть сайта не видна)?

Question

[Андрей Любименко]

Верстаю только на CSS и HTML. Сайт отображается как надо, но если его уменьшить скролом мыши, так что бы часть сайта не было видно - и пододвинуть горизонтальным ползунком с целью увидеть невидимую часть сайта, пропадает фон, почему?
Как должно выглядеть:

а вот косяк:

Мой код (без картинок):

Answer 1

[SpyzeR]

Вы жестко задали ширину для класса .content в 1000px. При масштабировании получается, что ширина в 1000px оказывается больше чем вычисленная ширина контейнера с фоном.
Если ваш сайт подразумевает, что ширина контента не может быть меньше 1000px, то задайте фону (.box_top) минимальную ширину: min-width: 1000px;
А вообще я крайне рекомендую вам разобраться с созданием CSS сеток - сильно упростите себе задачу.
На MDN есть достаточно хорошая статья на тему сеток.

Comments

[Андрей Любименко]

Я с bootstrap сеткой немного знаком, но решил так сверстать а потом на сетку перенести,чуть позже) спасибо за совет!