Search code examples
htmlemailtwitter-bootstraphtml-emailzurb-ink

Why are tables used in HTML emails?


I was wondering why tables are most preferred while sending emails.

Edits:

I was studying templates from http://zurb.com/ink/ and saw that everything had tables. I like using bootstrap and saw that Zurb Ink had similar functionalities as bootstrap3 (ex. responsiveness). However, all templates had tables in them.

So, I started studying if bootstrap 3 (the CSS atleast) could be applied to HTML mails to be sent using PHP. I stumbled upon articles saying tables were the best way to go. However, I do not understand why.

Edit:

Another post that helped me: Why are tables used in HTML emails?. Thanks to @dystroy.

Another comprehensive article on mail-styling: http://mailchimp.com/resources/guides/email-marketing-field-guide/.

Best!


Solution

  • It's not really about blocking CSS as Shivan says, but rather about CSS support of email clients. Outlook and Thunderbird render CSS2.1 very differently.

    To put it another way, emails clients are stuck at 1995 when it comes to rendering CSS. So we're stuck with having pages like we did in 1995 to have them look the same everywhere: table layouts.