Исправлено деление длины окна

из того, что я собираю, просматривая код на вашей веб-странице, вы сделали все правильно, а левая панель на 100% высока, однако изображение, которое вы использовали в качестве фона, не является, css не растягивает изображение, если вы не говорите ему об этом, вы можете использовать

.leftbar{ background-size: cover;}

или используйте изображение, которое достаточно велико, чтобы учитывать дополнительную высоту на рабочем столе, имейте в виду, что высота Imac hace 1440px

Привет, теперь ваша левая сторона имеет 100-процентную высоту, так что работа над ним раздвигается до самого низа. Проблема заключается в фоновом изображении. Фоновое изображение меньше высоты окна рабочего стола, так что, по-видимому, оно не растягивается до самого низа.

Возможные решения:

1. Измените фоновое изображение на более крупное, у которого есть только "фон", и поставьте еще два изображения с звездой шерифа и логотипом/именем шерифа с абсолютной позицией, чтобы они выглядели как фоновые изображения.

2. Вы можете добавить следующее в div слева. Проблема здесь в том, что изображение будет растягиваться, и в какой-то момент вы не сможете увидеть полный логотип/имя

   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   

Поскольку у вас есть 2 divs, сделайте это

<div id="Main_div">
    <div id="left_div">div 1</div>
    <div id="Right_div">div 2</div>
</div>

CSS

#Main_div
  {
    border:1px solid red;
    height:100%;
    width:100%;
    position:fixed;
   }

     #left_div
      {
        border:1px solid black;
        height:100%;
        width:40%;
        float:left;
        position:fixed;
       }

       #Right_div
      {
        border:1px solid blue;
        height:100%;
        marigh-left:41%;
        float:right; // or its not needed

       }

дайте нам знать

дайте высоту div как 100% (height:100%;), затем установите position:fixed; он будет отлично работать