Как закрепить контент за меню?

Question

[Chips86]

При масштабировании экрана правая часть сайта (контент) съезжает то влево то в право. Как закрепить контент за меню?
Пример можно посмотреть как это выглядит тут и тут.

<div id="container">
    <div id="sidenav-menu">
        <app-sidenav-menu></app-sidenav-menu>
    </div>
    <div id="content">
        <router-outlet></router-outlet>
    </div>
</div>

#container {
    width: 100%;
    height: 100%;
}

#sidenav-menu {
    position: fixed;
    left: 0%;
    width: 25%;
}

#content {
    width: 75%;
    position: fixed;
    left: 300px;
    right: 0%;
    height: 100%;

}

Answer 1

[Олег]

#container {
    width: 100%;
    height: 100%;
}

#sidenav-menu {
    position: fixed;
    left: 0%;
    width: 25%;
}

#content {
    width: 75%;
    position: fixed;
    left: 300px; <--убрат
    right: 0%;
    height: 100%;

}

https://jsfiddle.net/hpgnjpbh/4/

Comments

[Chips86]

Олег Это исправило только половину проблемы. Теперь выглядит так. Если нужно могу полный выложить код.

[Олег]

Chips86, Давай исходный код