Inasmuch as the most basic aspect of responsive design is elastic content, tables can still allow this to some degree. Conditionally revealing content (ie with an inline style of `display:none`, overruled by conditional selector styles) would be difficult because media query support across the popular email clients isn't all that great — as an iPhone and Gmail user I far prefer the Gmail client, but it somehow doesn't register media queries (odd, as I believed all iOS HTML renderers had to use the same Safari WebKit engine),
Campaign Monitor [1] and Style Campaign [2] are quite informative on the issue of compatibility in mobile HTML email design. Conditionally hiding (setting the `display: none` within conditional rules / media queries) could be possible, using some of the many client-specific hooks out there. Whenever HTML email comes up I'm dismayed to see so many people respond with something which roughly translates as A) you're doomed B) pay someone else to do it C) you're still doomed. As ever, I strongly recommend the HTML email boilerplate [3], which features (amid so much more) conditional styles for Windows Mobile and Outlook, per version. [1] http://www.campaignmonitor.com/guides/mobile/ [2] http://stylecampaign.com/ [3] http://htmlemailboilerplate.com/ Regards, Barney Carroll [email protected] +44 7429 177278 barneycarroll.com ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
