0

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!

3
  • @dystroy, edits made, thanks.
    – dbx834
    Dec 13, 2013 at 9:14
  • 1
    Bootstrap in HTML email ? You sure ? HTML email is not equal to HTML web pages
    – Raptor
    Dec 13, 2013 at 9:15
  • Have a look at <zurb.com/ink/docs.php#grid>. That's what bootstrap also does. Before these helpful responses, I was thinking why not Bootstrap 3 and all this trouble.
    – dbx834
    Dec 13, 2013 at 9:23

3 Answers 3

7

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.

2

HTML Table does not depend on CSS, which layout has less chance to be distorted, compared to DIV+CSS layout.

As different email service providers have different policy to HTML emails and CSS, it is safer to use HTML table as layout in emails, as CSS (even with inline CSS) may be blocked / filtered, or even worse, half-blocked.

As a sidenote, Gmail will increase Spam score when the table width > 620 pixels.

1
  • Thanks. Nice mention of the spam score increase.
    – dbx834
    Dec 13, 2013 at 9:21
0

Email programs suck at rendering css. + if you are using some kind of webmail client the css is stripped since it would conflict with the site's stylesheets. inline styles does not effect the global css scope and this is normally permitted.

Not the answer you're looking for? Browse other questions tagged or ask your own question.