Perfect multi-column CSS liquid layouts - iPhone compatible

by Matthew James Taylor on 27 October 2007 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! The main features No CSS hacksiPhone & iPod Touch compatibleSEO friendlyFull length column background coloursNo ImagesNo JavaScriptResizable text compatibleStackable columnsFREE for anyone to use The layout demo pages 3 Column (Holy Grail) Liquid LayoutThe most common website layout is the three column design. Overcoming cross-browser CSS issues CSS can be tricky business particularly when you are trying to create complex liquid layouts for your websites (the hardest of all). CSS hacks are bad Because every browser has its own quirks, many people use hacks to overcome the little problems that arise. Only use cross-browser CSS Related: