Recently I have
created a custom master page for our new SharePoint server, First I have
noticed that when the page loads, SharePoint runs a java script function
and sets the width of the page.
It is searching
for the div tag with Id #s4-workspace and if it finds one with
this id, sets its width to fit the content. So I have added a class s4-nosetwidth.
If we add this class to s4-workspace, SharePoint won’t set its width.
But very first
time when I tried to create fixed width master page, I have faced so many
issues with scroll bars and SharePoint modal dialog windows are not opening
correctly. They are opening either with in small height and added
scroll bars or opening in fixed width and height without scroll bars.
Mainly IE7 adding
its own scroll bar to body , as the page is fixed width so the
scroll bar that is showing in the middle of the page is looking pretty ugly. I
have fixed all these issues and below am the styling.