Notice: This is a discussion thread for comments about the SitePoint article, [url=http://articles.sitepoint.com/article/css-quiz-iphone-challenge]CSS Quiz Review: The iPhone Challenge, a Collapsible Multi-column
Layout.
Great article Paul!
Very nice article, basically a long winded explanation (very good nonetheless!) on how to achieve the layout along with the steps that are taken in achieving it.
A+ 
Thanks Ryan
Great Article some useful tips & tricks thanks for sharing Paul.
<meta name=“viewport” content=“width = 320” />
You did said it was just for the iPhone layout or will this work on all hand-held devices… blackberry etc?
Unfortunately, we lose IE6 at this stage because it doesn’t understand min-width.
If we wanted it to work cross browser IE6 as well then we’d have two separate style sheets… screen & handheld so everything works?
Well you could use an extra element to get IE6 working. Give the outer element a left padding=to the min width, and on the inner nested div we created, give that a negative left margin = to the padding set (that will be the min-width set)
You should be able to find some information about this here:
http://docs.blackberry.com/en/developers/deliverables/6176/HTML_ref_meta_564143_11.jsp