cssgrids-fixed.mustache revision d1c2218ce9ffb1b9bfcc6dd9deb399136a4031b6
0N/A <a href="cssgrids-fixed-example.html" target="_blank" class="button">
0N/A<p>A fixed grid starts with the basic markup structure of a <code>yui3-g</code> grid and some <code>yui3-u</code> units. For this example, we will create a 970px page and use <code>yui-u-1-5</code> to make the left column 194px, and <code>yui-2-5</code> to split the other 2 into 388px columns each.</p>
0N/A<p>As with all <code>yui3-u-*</code> units, to avoid layout complications, all column styling should be applied to a container within the unit rather than on the unit itself.
0N/AFor this demo we will add a container with the class <code>content</code> to contain our content, but you can feel free to call this whatever you like.</p>
0N/A<p>To fix the size of the page, simply apply a width to the outermost page container. For this example, we will apply the <code>ID</code> <code>doc</code> to the <code>body</code> element and apply the width there. To center the layout, set the margin to <code>auto</code>.</p>