Constructing Fixed Layouts with a Simple CSS Framework
(Page 1 of 4 )
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.
Introduction
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!
Next: Review: working with liquid web page layouts >>
More Style Sheets Articles
More By Alejandro Gervasio
