Creating a Three-Column Fixed Design with a Simple CSS Framework
Building a customizable CSS framework that allows you to create several types of web page layouts in a short time isn’t as simple at it seems, particularly if you’re taking your first steps in professional web development. However, in this group of articles you’ll be provided with some useful pointers to get you started building your own CSS framework. This is the fourth part of a four-part series; don't hesitate to start reading now!
Creating a Three-Column Fixed Design with a Simple CSS Framework - Constructing a fixed three-column web page design (Page 3 of 4 )
To be frank, providing this CSS framework with the ability to build a fixed web page layout composed of three main columns is only a matter of coding a brand new CSS file. It's really that simple. Of course I could use the same file listed in the previous section to perform this task; however, I'm going to use a separate one to make it easier for you to grasp how to construct the aforementioned layout.
Here's the CSS file, which is charged with rendering this fixed design:
font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0 0 18px 0;
}
As you can see, the above CSS file doesn't differ too much from the one shown in the prior section. Of course, the most important difference to stress here is that this last file declares an additional "#rightbar" selector, which can be used to place a third column on the right of the corresponding web document.
Now that you hopefully grasped how the previous CSS file doe its thing, it's time to use it, right? Therefore, in the final section of this article, I'm going to show you how to use the file in question for building a fixed web page layout comprised of three primary columns.
To learn how this example will be developed, please click on the link below and keep reading.
Style Sheets 
Constructing Fixed Layouts with a Simple CSS Framework
