Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

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: forsvaret.no . If I'm not mistaken then forsvaret.no/Style%20Library/override.css 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
add comment

1 Answer

Here is a nice walk thru by Dwight Goins:

http://dgoins.wordpress.com/2011/07/07/the-960-grid-in-sharepoint-made-easy/

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 {

            height:100%;

            overflow: scroll;

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

           /*width:100%;*/

       }

       </style>

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 it’s 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 their may not be any scroll bars 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
add comment

Your Answer

 
discard

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.