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!



Mathew Mathew, 9 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:
We're also on Facebook:

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free