CSS: 7 Free Perfect Multi-column Liquid Layouts
This series of website layouts use percentage widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They’re also ’stackable’ so you can use multiple column types on the one page. This makes the number of possible layouts endless! Follow the links below for the demos and more detailed info:
The main features
- No CSS hacks
- iPhone & iPod Touch compatible
- SEO friendly
- Full length column background colours
- No Images
- No JavaScript
- Resizable text compatible
- Stackable columns
- FREE for anyone to use
Examples
There are also other interesting solutions like the german intensivstation provide. It includes a box modell which is horizontally and vertically centered for example.
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati
WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 7 or better.
Subscribe to Knowtebook
Knowtebook Mobile
LovedKnowtes
- Graphics: 15 000 free high quality icons
- Graphics: 9 Free Vector PNG Icons
- Pattern Freebies: 26.000+ Free Photoshop Patterns for any use
- Graphics: 66 free logo vector templates for your business
- 8 Free Brand Logo Download Websites You Should Know
- 8 Heatmap Tools and Why / How to use them
- 148 free beautiful vector graphics for web and print
- The Most Stunning Viral Ad Campaigns Ever
- Free Wordpress Theme for Designer and Portfolio Websites
- 34+ free HTML newsletter templates for startups
- 20 web-based business collaboration tools that lets make you breathless
- Free Simple Wordpress Portfolio Theme
- Graphics: Great Free Icons & iphone Wallpaper at Pixelgirl
- Free iPhone Design Set for Photoshop
- CSS: How to make a footer which really stays on the bottom
- Cool Business Cards That People Will Never Throw Away
- Free Photoshop Case Templates For DVD, CD and Cassette
- Graphics: 2000+ Open Source Web Templates
- Brilliant Ways to Style Blockquotes
- Freebies: Creative Twitter Themes
- Free Vector Graphics at Vecteezy
- CSS: How To Hide Headlines For Better SEO Effects
- Graphics: Free Web Development Icon Sets
- Convert your Image To Vector Online For Free
- What's better? Ruby on Rails vs. PHP
- Graphics: Free Smashing Vector Icon Set - Milky
- Free vector brand logotypes in CDR, EPS and WMF formats
- Combine Wordpress, PHPBB and 4Images together without multiple user-registrations
- 56 Free Vector Arrow Symbols & Icons
- SEO: How To Create a Google Sitemap in 5 Minutes
- 1.000 More Free High Quality Icons For Download
- Graphics: 15 Free Outstanding Icon Sets for iPhone
- Tutorial: How to make Professionell Glossy Web 2.0 Graphics
- 28 Stunning and Creative Tech Advertisements
- Free iPhone style Photoshop Icons
- Von Word zu PDF kostenlos in 3 Minuten
- Create a realistic Credit Card in Photoshop
- Anonym auf der Arbeit surfen mit dem Filter Faker
- CSS Revolution - Use Condition Rules WITHIN Styles
- CSS: Überschriften durch Bilder ersetzen
- CMS: Open source php cms without database
- 25 graphic resources for ornaments, fleurons, and more
- MySQL: Umlaute beim Import und Export erhalten
- CSS: 7 Free Perfect Multi-column Liquid Layouts
- PDF: PDF Dateien kostenlos erstellen und bearbeiten
- CSS Freedom - Redesign HTML Form Elements As You Like
- CSS - Javascript: Dropdown-Menüs mit Pfeil komplett formartieren
- Ambient Media Premium Advertising Inspiration
- 6 Awesome Wallpapers for PC, MAC and Iphone
- PDF-Dokumente kostenlos aus Microsoft Word, Excel oder Powerpoint erstellen
- Self-Marketing: Outstanding Portfolio Ideas in 3D
- Wordpress: How To Make A Social Network in 5 Minutes!
- Business Card Contest - Send In and WIN
- 100+ Free Photoshop Actions at Erics FX
- Tutorial: How to make a parallax office Layout from scratch
- Freebies: Twitter Bird Icons & Illustration
- Graphics: Brilliant high quality Icons of Katrin Wegmann
- CSS: Easy modularized xHTML/CSS forms that rock the house
- CSS: Perfect pagination style using CSS
- Inspiration: 8 Fonts you probably don’t use in css, but should
Recommendation
Community Links
- NEW - Wall Vinyl Art
Transforming “wall space” into a visual element of interiors
- Best 22 Websites as of August 2008
22 most beautiful websites for August 2008.
- Best Photoshop Resources of August 2008 | CrazyLeaf Design Blog
The best Photoshop tutorials, brush packs and texture packs of August 2008.
- Google launches browser
It is out of the pipeline: Google launches an own browser!
- Mac or PC? - VOTE NOW (If You’re A Designer)
The age old debate… to use Mac or PC? Cast your vote.
- Friday’s Five: Week 10
The best of the week! My pick for the best: logos, websites, blog posts, photographs, and illustrations.
- 30 Tutorials That Will Teach You Fireworks
Teach yourself how to use Adobe Fireworks in 30 easy to follow, fun filled tutorials.
- Managing Inspiration
Defining and managing creative inspiration are a web designers best friend. Learn how.
- inspireUX
Words to inspire user experience designers
- Using Photoshop to create an Online Brand
Learn how to create an online brand image for your clients
- 10 Free Ancient Ruins Photoshop Brushes
A set of 10 free photoshop brushes available for both commercial and non-commercial use.
UserTalk
Prabhath: Thanks for the tutorial mate. Prabhath
Santhos Webdesign: Cool examples!Unfortunate ly the first one makes my firefox crash…
Vandelay Website Design: 8 Heatmap Tools and Why/How to Use Them
Reynder: Nice examples. They all work very well, because I know them all ;-)
