tags:

views:

190

answers:

3

Difference between grid and liquid layouts? Looking for explanation of a grid layout.thanks

+2  A: 
  • Grid layouts are built more towards a specific width no matter how wide a user's browser window is.
  • Liquid layouts expand/contract based on the width of the user's browser window.
Vizjerai
thanks.Can you give a simple example of grid layout in html?
jack
Examples of frameworks using grid layouts: - http://960.gs - http://blueprintcss.org - http://developer.yahoo.com/yui/grids
Vizjerai
A: 

Grid layouts are frameworks that work by using columns and rows of fixed size. You have to decide on the width you want the page to be and use a relatively complex range of classes to create basically a table layout. Check out one of the most popular ones:

http://960.gs/

And another: http://blueprintcss.org/
T.J. Crowder
A: 

There are already a number of pointers to good grid layout systems in other answers, I like Yahoo's UI Grids a lot. It can do fixed-width layouts and 100% (fluid) layouts, and there's a nice tool that allows you to play with different layouts.

Fixed-width layouts have the advantage of being more predictable than fluid layouts in many cases.

fvu