Реализация 2-ух блоков - вертикальное меню и основной контент
Доброе время суток. Возникла небольшая проблема, заключающаяся в том, что мне необходимо создать слева вертикальное меню (фиксированное) и основной контент справа. Загвоздка в том, что мне необходимо ограничить ширину контента с сайтбаром, а их бэкграунд оставить дальше заполняться по ширине всего экрана.
При использовании контейнера как родителя для обоих этих блоков, то бэкраунд не будет растягиваться. Если контейнер поместить в каждый блок, то расставить блоки с помощью флексов не получится. И тут приходится использовать свойство position. Но когда я задаю это свойство, то вертикальное меню просто скрывается за основным блоком (контентным) и бэграунд исчезает, т.к. он был задан тегу header, а тот соответственно равен 0 ширине и высоте. Вот и не могу решить эту проблему.
При использовании контейнера как родителя для обоих этих блоков, то бэкраунд не будет растягиваться. Если контейнер поместить в каждый блок, то расставить блоки с помощью флексов не получится. И тут приходится использовать свойство position. Но когда я задаю это свойство, то вертикальное меню просто скрывается за основным блоком (контентным) и бэграунд исчезает, т.к. он был задан тегу header, а тот соответственно равен 0 ширине и высоте. Вот и не могу решить эту проблему.