Wyłączenie scrolla dla diva ale włączenie dla całej strony

pytanie zadane 21 października 2018 w HTML i CSS przez DinapeS Początkujący (350 p.)
edycja 21 października 2018 przez DinapeS

Witam, stworzyłem szablon strony ale mam problem, gdy dodaje treść to pojawia się scroll w złym miejscu, otóż pojawia się na środku (zdjęcie poniżej) a nie jako główny scroll strony

Czy mógłbym prosić o radę jak przerobić ustawienia aby można było scrollować całą stronę a nie tylko środkowy div?

Panel środkowy to inmain

html, body, #container
{
    height:100%; 
    width: 100%;
    margin: 0;
    background-color:#e6ecf0;
}

.nvbclass
{
    float:left;
}

#navbar
{
    position:fixed;
    top:0%;
    width:100%;
    background-color:white;
    overflow:hidden;
    outline-style: solid;
    line-height:15px;
    margin:auto;
}

#navbar a
{
    float: left;    
    color: black;
    text-align: center;
    padding: 15px 15px;
    text-decoration: none;
}

#navbar a:hover {
    background: #ddd;
    color:#1da1f2;
    border-bottom-style: solid;
    border-bottom-color: #1da1f2;
}

#btntweet
{
    height:30px;
    width:75px;
    border-radius: 12px;
    font-weight: bold;
    color:#fff;
    background-color: #4AB3F4;
    border-style: none;
    position:relative;
    top:7px;
}

#btntweet:hover
{
    background-color: #1da1f2;
}

#nvb1
{
    width:10%;
}

#nvb2
{
    width:20%;
}

#nvb3
{
    width:40%;
}


#nvb4
{
    width:20%;
}

#nvb5
{
    width:10%;
}

#main
{
    margin-top: 50px;
    background-color:#e6ecf0;
}

#inmain
{
    background-color:#fff;
    margin:auto;
    width:40%;
    height:100%;
    overflow: auto;
    margin-top: 50px;
}


#dp
{
    background-color: #E8F5FD;
    height: 150px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #1da1f2;
}

#divdodajpost
{
    width:80%;
    margin:auto;
}

#tekstdodajpost
{
    width:100%;
    height: 80px;
    resize: none;
    border-radius:12px;
    border-style: solid;
    border-color:#1da1f2;
    border-width:2px;
    margin-top:15px;
}

.postbutton
{
    margin-top:15px;
    margin-left: 20%;
    width:100px;
    height: 25px;
    border-radius:5px;
    background-color: #4AB3F4;
    border-style: none;
}

.postbutton:hover
{
    background-color: #1da1f2;
}

#allposty
{
    margin-top: 5px;
}
#winmain1 input
{
    width: 125%;
}

#winmain2 input
{
    width: 125%;
}

#winmain1
{
    float:left;
    position:relative;
    left:10%;
    width:25%;
}

#winmain2
{
    float:left;
    position:relative;
    left:33%;
    width:25%;
}

#winmain3
{
    clear:both;
}

.rejbtn
{
    background-color:#4AB3F4;
    border-style:solid;
    border-width:1px;
    border-color:#fff;
}

.rejbtn:hover
{
    background-color:#1da1f2;
}

.prsbmt
{
    width:40%;
    height:30px;
    border-style:none;
    background-color:#4AB3F4;
    border-radius:12px;
}

.prsbmt:hover
{
    background-color:#1da1f2;
}

.posttresc
{
    font-family: "Helvetica Neue";
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    line-height: 20px;
    padding:1%;
     word-break: break-all; word-wrap: break-word;
         display:inline;
    overflow-wrap: break-word;
}