Email Design for Outlook 2007

This is a real quick post because of the love-hate relationship I’ve developed for crappy software like IE6 and the rendering engine for Outlook 2007. Since nearly anyone and everyone uses Microsoft Outlook (majority rules), you have to deal with their problems. Outlook 2000 users, need not worry about this post.

There comes a time in every developer’s designer’s life that requires them to design an email template for a company. If you’ve ever worked with CSS and shifted away from tables and moved onto divs, you’ll find that you might have to go back to how things were done before.

Below is a list of unsupported CSS attributes. So if you use them, forget them.

CSS: The Unsupported List

  • azimuth
  • background-attachment
  • background-image
  • background-position
  • background-repeat
  • border-spacing
  • bottom
  • caption-side
  • clear
  • clip
  • content
  • counter-increment
  • counter-reset
  • cue-before, cue-after, cue
  • cursor
  • display
  • elevation
  • empty-cells
  • float
  • font-size-adjust
  • font-stretch
  • left
  • line-break
  • list-style-image
  • list-style-position
  • marker-offset
  • max-height
  • max-width
  • min-height
  • min-width
  • orphans
  • outline
  • outline-color
  • outline-style
  • outline-width
  • overflow
  • overflow-x
  • overflow-y
  • pause-before, pause-after, pause
  • pitch
  • pitch-range
  • play-during
  • position
  • quotes
  • richness
  • right
  • speak
  • speak-header
  • speak-numeral
  • speak-punctuation
  • speech-rate
  • stress
  • table-layout
  • text-shadow
  • text-transform
  • top
  • unicode-bidi
  • visibility
  • voice-family
  • volume
  • widows
  • word-spacing
  • z-index

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>