Practical SharePoint 2010 Branding and Customization

Design Grids

One of the first things that you will want to determine is the width of the design. Refer to the creative brief or UX discovery brief to identify if the site is going to be a fixed-width or fluid design. Out of the box, SharePoint is configured for fluid designs. The HTML and CSS are written such that as the browser size gets bigger the site expands with it. Fluid designs are traditionally used for internal collaboration sites where the content width is variable. Users might want to view lists with many columns that would expand beyond a fixed-width design. In a fixed-width design the whole site or the content area is set to an exact width and either rendered flush left or centered on the page. A fixed-width design frames the content ...