Home arrow Style Sheets arrow Creating a Three-Column Fixed Design with a Simple CSS Framework
STYLE SHEETS

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!

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
March 12, 2009
TABLE OF CONTENTS:
  1. · Creating a Three-Column Fixed Design with a Simple CSS Framework
  2. · Review: building a two-column web page layout using the CSS framework
  3. · Constructing a fixed three-column web page design
  4. · Building a three-column fixed web page design

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Creating a Three-Column Fixed Design with a Simple CSS Framework
(Page 1 of 4 )

Introduction

Of course, if you've already read all of the preceding articles of this series, then it's probable that you have a solid background in building a CSS framework like the one that I mentioned above. In those articles I demonstrated progressively how to build a set of simple CSS files for constructing classic web page layouts, ranging from liquid designs to fixed ones.

This educational journey hasn't ended yet, because there's one important feature that needs to be incorporated into this CSS framework. As you'll surely recall, I left off in the last article claiming that I was going to illustrate how to use the framework to construct a three-column fixed web page design.

So, in this last episode I'm going to walk you through this development process in an approachable fashion, completing this hopefully instructive guide.

Are you ready to tackle this final part of the series? Then let's get started!


blog comments powered by Disqus
STYLE SHEETS ARTICLES

- CSS Combinators: Working with Child Combinat...
- CSS Combinators: Using General Siblings
- Intro to CSS Combinators
- CSS Semicircles and Web Page Headers
- Drawing Circular Shapes with CSS3 and Border...
- More CSS Pagination Link Templates
- CSS Pagination Links
- Animated CSS3 Image Gallery: Advanced Transi...
- CSS3 Animated Image Gallery: Transitions
- CSS3 Properties: Fixed Heights with box-sizi...
- CSS3 Properties: Altering Strokes and 3D Eff...
- CSS3 Properties: Text-Stroke
- CSS3 Transitions: Width and Height Properties
- Creating a Drop Down Menu in CSS3
- Intro to CSS Transitions

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 2 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials