Monday, April 12, 2010

Floating Layouts for Web

Tables were the most popular way used to build the basic layouts of web pages. Nowadays, the floating layouts are gaining lot of interest.  Floating layouts are dynamic and highly depend on CSS (cascade style sheets). Because, it is the new trend, let's take look at the basics of a floating layout.

Basically the floating layouts are created by using floating Divs. Floating divs are controlled using CSS and they are more like the text in a fixed width div. Similar to the way words are arranged in a div, the basic building blocks of the web site are arranged within a div. What happens when there are more words in a line that exceeds the width of the container div. A new line is used to arrange the excess of words. Same applies for the divs in a floating layouts as well.
My blog have been built entirely with a floating layout without even using a single Table. Here is a good tutorial on how to do this.
http://css.maxdesign.com.au/floatutorial/

No comments:

Post a Comment

All rights reserved for all the posts. Please inform us on idhanu@gmail.com if you are publishing post in this without modifying. Code snippets are free to use, if not explicitly mentioned.