This developer, Matthew James Taylor, has generously, wonderfully, shared how to do the extremely difficult task of acheiving multi column layouts in multiple variations. I cannot rant enough about him:) The number of times i have used his tips or examples to just nudge me into a solution for a problem of cross browser compatability…countless. IE – i am looking at you, you spawn of evil. All he asks for is a link back, IF you feel like being generous. I feel like falling down to my knees (if i could, so i roll my wheelchair in appreciation instead) and saying i am not worthy. Or just simply saying – thanks, dude. You are an uber geek of the highest spectrum.
“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!”
Perfect multi-column CSS liquid layouts
This is what he tests against:
iPhone & iPod Touch
- Safari
Mac
Windows
- Firefox 1.5, 2 & 3
- Safari
- Opera 8.1 & 9
- Google Chrome
- Explorer 5.5, 6 & 7
- Netscape 8
The HTML in this layout validates as XHTML 1.0 strict.
