True fixed with master page with scrollbar just on page body

I saw multiple solutions on net with best guys in industry but none provided a true soltion for fixed with master page.

after 3 sleepless night I got a hang how to create a fixed width master page

step one as we need scroll bar only on body we will have to do is make overflow auto on both x and y on page this is kick in scrollbar on both side if size increase more then 980\700 in 1024\780 resolution and will not show scroll bar in higher resolution.

I am 200% sure with below  css code you can achieve fixed width master page. shoot me a mail if you need any further assistance

body
{
color: #dddee0;
overflow-x:auto !important;
overflow-y:auto !important;
min-width:980px;
min-height:700px;
}
body #s4-bodyContainer{
min-width:980px !important;
min-height:700px !important;
overflow-y:visible !important;
}

body #s4-mainarea{
overflow-y:visible !important;
min-width:980px !important;
min-height:700px !important;
background-color:#dddee0 !important;

}
body #s4-workspace {

overflow-x:visible !important;
overflow-y:visible !important;
min-height:750px !important;
}
.ms-bodyareacell{

max-width:980px !important;
overflow-y :visible;
vertical-align:top;
background-color: #FFF;

/****overflow:hidden !important; **/
}
.s4-ba
{
max-width:980px !important;
overflow-y:visible !important;
}

 

 

Advertisements