Как сделать линии по всему сайту ПРАВИЛЬНО и логично?

Question

[an]

Здравствуйте, друзья

довольно сложный вопрос, вариантов решений вагон
но все они костыльные

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

так вот
нужно по всей высоте сайта прикрутить разделение на 5 линий - по ОСНОВНОМУ контейнеру не смотря на то, что будут встречаться блоки выходящие за рамки

Как такое правильно сделать?

пока что сделал так
нарисовал линии в фотошопе, и зарипитил по оси Y в css

но это гребанные костыли

можете глянуть, если не понятно что имеется в виду

хочу переделать более правильно и логичнее
но не знаю как и на ум ничего не приходит

Спасибо

Comments

[ksnk]

Ну, так же как и сделано уже. вот только при размере экрана <1220 делать svg бэкграунд с теми же полосками. Svg - чтобы не атрофировались линии при неудачном расширении. Поставить background-size:100%

Answer 1

[Andrew E]

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

Вполне себе хороший способ, а главное простой и понятный, чем не нравится? Применить эти полоски как фон к общей обертке всех блоков или для каждого блока.

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