> -----Original Message-----
> From: Gunlaug Sørtun [mailto:gunla...@c2i.net]
> Sent: 03 March 2009 11:41
> To: Ian Young
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] overflow:hidden and display:table
> 
> Ian Young wrote:
> > Moving on from yesterday's vertical align div, I have set up code to
> > vertically align images in a wrapping div.
> >
> > That's fine. However, images which are larger than the div and which
> > normally would be controlled by overflow:hidden, now spill over.
> 
> 1: set a max-height and max-width on the image and let browsers scale
> over-sized ones down to a suitable size for your layout.
> 
> 2: wrap a container of suitable size around the image and hide the
> overflow on that. You will of course lose vertical alignment of the
> image then.
> 
> I often use option 1: - regardless of whether images are in a
> 'table-cell' or not, which works everywhere but in IE6. However IE6
> doesn't understand CSS table so one can hide the overflow in that old
> bugger.

I have gone for option1 and it seems to work fine, so that will do nicely.

Thanks Georg.

Ian

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to