SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am working on design of portal in sharepoint 2010. I need to implement 960 grid system there.It will be very helpfull if anybody have template or related link to it.

share|improve this question
This page uses it, might find it interesting: . If I'm not mistaken then is meant to fix some issues on the 'back-end' (where ribbon is visible and all core-scripts are loaded) – eirikb Sep 4 '12 at 11:31

Here is a nice walkthrough by Dwight Goins. He uses a CSS file to "reset" some default settings:

<style type="text/css">

        /* fix scrolling on list pages */
        #s4-bodyContainer {
            position: relative;

        /* hide body scrolling (SharePoint will handle) */
        body {
            overflow: scroll;

           /* comment out width because we're using 960px instead */

He then placed the default content in a containing and started his design.

The falling pitfalls are called out:

  1. When working with page layouts, if you’re not cognizant of the fact that your master page is using the 960 grid your layout will yield nasty vertical and horizontal scroll bars.

  2. When editing the page, if you place the web part adder and its corresponding controls in their normal positions, the runtime web part design experience becomes non-existent. Basically it becomes practically impossible to add, edit and remove web parts because there may not be any scrollbars and the design time controls flow off the page.

  3. Attempting to do this for the System Master pages is also impossible for the same reasons mentioned above, and the mere fact that system pages were designed to use the whole width of the page {width: 100%}. Leaving anything off would severely hinder system admin functionality.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.