Perfect multi-column CSS liquid layouts is a series of website layouts use percentage widths and relative positioning and compatible the common web browsers (even Safari on the iPhone and iPod touch).

They’re also ’stackable’ so you can use multiple column types on the one page.

Features of these CSS layouts:

• No CSS hacks
• iPhone & iPod Touch compatible
• SEO friendly
• Full length column background colours
• No Images
• No JavaScript
• Resizable text compatible
• Stackable columns
• Free to use

These free CSS layouts include 1-column, 2-column & multi-column ones.

Although there may not be a perfect layout with every new browser version, these layouts are promising.

iPod-like jQuery drilldown menu provides easy navigation of complex and multi-level menus.

The menu sits within a fixed-size area, and when a node is selected, breadcrumb links appear above the menu options to both deliver feedback and allow quick access back to nodes higher up in the hierarchy.

An iPod-style slide transition helps providing the feelthat you’re moving forward into the data, or backward into higher-level data.

This menu is specifically useful in browsing deeply nested hierarchies, particularly those more than three levels deep. It also provides a more usable alternative to multi-level fly-out menus, which can present challenges to those with limited manual dexterity.

It is not coded for ease of modification, but is free to reuse and modify with a proper attribution to Filament Group. Feel free to visit the demo page and view the source code to see how it works