Constructing Fixed Layouts with a Simple CSS Framework
If youíre searching for a guide to creating an extensible CSS framework that lets you build different web page layouts, youíve come to the right place. Welcome to the third installment of a four-part series on building a simple CSS framework. This series walks you through creating a basic CSS framework which will help you to construct both liquid and fixed web designs very quickly, without having to spend endless, annoying hours coding multiple style sheets.
Constructing Fixed Layouts with a Simple CSS Framework (Page 1 of 4 )
Since the major advantage of using a CSS framework like this lies in its ability to reuse a set of predefined selectors and classes, in the last article I left off explaining how to apply this concept to build a liquid web page layout. This layout was comprised basically of two main columns, along with the typical header and footer sections.
To be frank, building this popular type of layout is reduced to including a couple of CSS files into an (X)HTML document, and creating the pertinent structural markup. It was that simple.
However, any decent CSS framework must be capable of working with different kinds of designs, a feature our framework lacks as it currently stands. Of course, itís necessary to fix this crucial issue, so in this third episode of the series, Iíll be coding another CSS file, which will permit us to build fixed layouts as simply as we can create liquid ones.
Now that youíve been introduced to the subject of this tutorial, itís time to continue expanding the functionality of this CSS framework. Letís get going!