login/register

Snip!t from collection of Alan Dix

see all channels for Alan Dix

Snip
summary

YUI Grids CSS
The foundational YUI Grids CSS file offers three preset ...
* Supports fluid-width (100%) layouts.
* Supports preset fixed-width layouts at 750px and 9 ...
... * Offers full A-grade browser support.

Yahoo! UI Library: Grids CSS
http://developer.yahoo.com/yui/grids/#using

Categories

/Channels/techie/css

[ go to category ]

For Snip

loading snip actions ...

For Page

loading url actions ...

YUI Grids CSS

The foundational YUI Grids CSS file offers three preset page widths, seven core templates, and the ability to nest subdivided regions of one to four columns. All told, the file offers almost 200 preset layouts and an unlimited number of custom permutations that work across all A-grade browsers, all for less than 2.5kb of minimized file weight. Other features include:

  • Supports fluid-width (100%) layouts.
  • Supports preset fixed-width layouts at 750px and 950px.
  • Supports easy customization of the width for fixed-width layouts.
  • Flexible in response to user initiated font-size adjustments.
  • Template columns are source-order independence, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
  • Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
  • Automatically centers within the viewport pages less than 100%.
  • Accomodates IAB's Ad Unit Guidelines for common ad dimensions.
  • Offers full A-grade browser support.

HTML

<h1>YUI Grids CSS</h1> <p>The foundational YUI Grids CSS file offers three preset page widths, seven core templates, and the ability to nest subdivided regions of one to four columns. All told, the file offers almost 200 preset layouts and an unlimited number of custom permutations that work across all A-grade browsers, all for less than 2.5kb of minimized file weight. Other features include:</p> <ul> <li>Supports fluid-width (100%) layouts.</li> <li>Supports preset fixed-width layouts at 750px and 950px.</li> <li>Supports easy customization of the width for fixed-width layouts.</li> <li>Flexible in response to user initiated font-size adjustments.</li> <li>Template columns are source-order independence, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).</li> <li>Self-clearing footer. No matter which column is longer, the footer stays at the bottom.</li> <li>Automatically centers within the viewport pages less than 100%.</li> <li>Accomodates <a href="http://www.iab.net/standards/adunits.asp">IAB's Ad Unit Guidelines</a> for common ad dimensions.</li> <li>Offers full <a href="../articles/gbs/gbs.html">A-grade browser</a> support.</li></ul>