Flurid 2.1

Developer: Website: License / Price: Platforms: Databases: Language: Last Updated: Category: Kyle Florence | More scripts comato.se MIT License GPL - GNU General Public License  Windows / Linux / Mac OS / BSD / Solaris N/A CSS April 27th, 2013, 16:54 GMT C: \ Development Tools \ CSS Frameworks

The framework even works in older versions of IE5.

Flurid supports all the features of modern CSS frameworks.

At its base, Flurid works on a fluid width.

Fluid designs allow the content of a page to adjust according to the dimensions of their containing window, which makes it easy to scale up or down, depending upon the needs of the user or the type of web device being used.

A jQuery plugin implementing the Flurid grid system is also packaged with the framework.

Here are some key features of "Flurid":

· Pushing and Pulling Columns
· Appending and Prepending Columns
· Nesting
· Mixed Columns

Limitations:

· A column should be at least as wide as the largest non-breaking item inside of it (ex: a word or an image) or else the column will stretch.
· The class "last" must be applied to the last column in a row in order for Flurid to work correctly in Internet Explorer versions 7 and below, however, it should not be applied to columns inside of a push block. If there is only one column in a row, the "last" class may also be omitted.
· In general, it is best to attach push or pull classes to their own element, then apply widths inside of that element (Internet Explorer seems to like this better).
· The immediate child element inside of an append or prepend block must trigger hasLayout (this is done by default in the CSS).
· Nesting columns several levels deep can be complicated as it's up to you to keep track of the inherited width of parent elements.
· The background color/image of a column does not stretch to the bottom of the row, it only stretches as far as the content in that column.

Via: Flurid 2.1