Liquid layouts are decidedly out-of-fashion. Fixed-width, centered layouts have become the dominant design pattern for the Web, and for good reason too. Fixed-width layouts allow designers to define strict proportions between columns, and keep line-lengths under control. Another thing that is not considered anymore by designers and developers is the 800×600 resolution, more and more [...]
... more »
Categories: CSS Layouts, Uncategorized, Posted on February 27, 2009 by Choppr
Here you can find and use the code for three of the most popular fixed width layouts. I’ve created the structure and added some basic CSS so you can easily use them as a base for your templates.
2 Column Fixed Width Layout
This is your generic two column layout with left sidebar, you can easily move [...]
... more »
Categories: CSS Layouts, Posted on February 24, 2009 by Choppr
Following the previous article, where I described how you can create a 3 column fluid layout with expanding 100% of the page height, I’ve decided to post another two similar layouts (both expand 100% of the page height):
2 Column Fluid Layout with Left Sidebar
2 Column Fluid Layout with Right Sidebar
The HTML Code:
<!DOCTYPE html PUBLIC “-//W3C//DTD [...]
... more »
Categories: CSS Layouts, CSS Tutorials, Posted on February 9, 2009 by Choppr
Fluid layouts aren’t very easy to handle especially when you would like for your pages to expand not only horizontally but also vertically. With tables it’s much easier to handle this problem, however, when it comes up to table-less layouts there are a lot more things you would need to consider.
Here is an example of [...]
... more »
Categories: CSS Layouts, CSS Tutorials, Posted on February 8, 2009 by Choppr
