Making Your Fluid Template Fixed Width

[seymourjames +]

This simple post demonstrates how you can make your Fluid template fixed width. It is easily done with a simple edit to the css. No need to change all you css file or layout.tpl file.

Find your style.css file in your fluid template directory under the css folder. Replace your existng css for body with this

body {
margin:0 auto;
padding:0;
border:0; /* This removes the border around the viewport in old versions of IE */
width:1005px;
font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color:#222;
background:#ffffff;
font-size:80%;
}

This now keeps the middle column from resizing and provides a fixed width for the template of 1005px. You can of course make what you wish. As you can see the margin is now set to 0 and auto as well.