First of all it depends on your audience and your content. Amazon and Wikipedia are only couple of examples and are one of the most visited websites in the world. When asking a question like this or even thinking of creating a fluid layout the first thing that pops-out in most front end developers is [...]
Categories: CSS Layouts, CSS Tips, Posted on October 31, 2009 by Choppr
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 [...]
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 [...]
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 [...]
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 [...]
Categories: CSS Layouts, CSS Tutorials, Posted on February 8, 2009 by Choppr
A variety of free CSS layouts and free CSS templates dominate the canvas of Advanced CSS websites. And all of these free templates contribute to satisfaction of web designer to create one of the masterpieces in CSS websites.
All these free templates had been designed by free CSS. Free CSS is soon becoming a know resource [...]
Categories: CSS Layouts, Uncategorized, Posted on May 15, 2008 by Choppr
CSS Tables are used by authors to organize their page content into visually appealing documents. These tables are defined by using specific layered grids. CSS table models are based on HTML, in which the structure of the table parallels the visual representation of the table. The tables comprise further tables, rows, columns, row groups, captions, [...]
Categories: CSS Layouts, Posted on January 28, 2008 by Choppr
This section will teach you to create a print style sheet. In order to impart a good look and feel to the web page, you will need to add styles that will help in removal of unwanted page elements and backgrounds, format text, and add a printable logo and also print the URLs attached to [...]
Categories: CSS Layouts, CSS Tips, Posted on January 18, 2008 by Choppr
These free CSS templates are learning tools that allow you to create a difference in your website. But these templates should be thoroughly tested before they are being used on a ‘production’ website.
There are three types of templates to be discussed:
Two column
Three column
General
Two Column CSS templates
Two-column flexible – this template can be used in [...]
Categories: CSS Layouts, CSS Tips, Posted on January 17, 2008 by Choppr
Fixed positioning in CSS allows you to extract sections of the document, remove them from the natural document flow and make them blatantly visible so that they don’t scroll around with the rest of the document.
Working of Fixed Positioning
Fixed positioning was a common feature introduced in CSS2. You are only allowed to use absolute [...]
Categories: CSS Layouts, CSS Tips, Posted on January 14, 2008 by Choppr
You've arrived on the "Advanced CSS/HTML Explained" weblog. Here you will find how can you tackle the more difficult topics of Cascading Style Sheets: Floating theory, Forms, Tables, Navigation elements, CSS Positioning. Also you will find lots of Resources, Tutorials, Articles, and Tips, Tricks Tools, and Techniques on CSS.
This blog is brought to you by TheChoppr.