Alternative to background image/overflow: hidden;

Hi all,

I'm currently working on a table-based template with a flexible width (of, say, 80%).
Within the main table, I would like to display a banner-like graphic that gets cut off 'gracefully' as the main table's width is reduced (e.g., in Outlook's preview panel).

Normally, I would either
a) create a div with 100% width and a background-image (prefered for websites), or
b) create a div with 100% width, set its overflow to hidden and display the image within this div.

Option b was best suited for e-mail design, but now with everybody's favorite Outlook 2007, neither will work anymore.

Is there some way to still get the effect I'm looking for? Any help will be much appreciated!

Cheers,

Tim

Mathew Mathew, 8 years ago

I can't think of one right away, other than having a plain background for Outlook and just letting other clients see the  background image.

It's a pain!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098