Fixed Width SharePoint
Fixed-Width SharePoint 2010 Master Page with Centered Content
I have been working on a project to create a sharepoint site collection that looks like Adobe Labs, for announcing and displaying software products under development across the company.
CSS CSS is the key here, the following will create the fixed width, centered, with scrollbars: html{background-color:#444444;overflow/**/:auto;}
body.v4master {width:950px;margin:0px auto;overflow:visible;background-color: transparent !important;}
.ms-dialog body.v4master {height: 100%;overflow: hidden;width: 100%;} body #s4-workspace {left: 0;overflow: auto !important;overflow/**/: visible !important;position: relative;width: 100% !important;display:table;border-spacing:0px;}
.ms-dialog body #s4-workspace{display:block !important;overflow/**/: auto !important;}
CSS for the welcome text: .WelcomeArea {padding-top:6px;} .WelcomeText {color:#FFFFFF;font-size:11px;float:right;}
CSS for the navigation and ribbon: /* Aligns the Top Bars */ .ms-c…
CSS CSS is the key here, the following will create the fixed width, centered, with scrollbars: html{background-color:#444444;overflow/**/:auto;}
body.v4master {width:950px;margin:0px auto;overflow:visible;background-color: transparent !important;}
.ms-dialog body.v4master {height: 100%;overflow: hidden;width: 100%;} body #s4-workspace {left: 0;overflow: auto !important;overflow/**/: visible !important;position: relative;width: 100% !important;display:table;border-spacing:0px;}
.ms-dialog body #s4-workspace{display:block !important;overflow/**/: auto !important;}
CSS for the welcome text: .WelcomeArea {padding-top:6px;} .WelcomeText {color:#FFFFFF;font-size:11px;float:right;}
CSS for the navigation and ribbon: /* Aligns the Top Bars */ .ms-c…