> >> body {font: /*11px Verdana,*/100% Arial, Helvetica, sans-serif;
> >> margin: 0; padding: 0;background: rgb(200,200,200); color:
> black;}
> >>
> >> img {border: 1px solid fuchsia; display : block; max-width: 96%;
> >> height:
> >> auto;}
> >>
> >
> > Max-width is a nice touch but it does not work in IE6 :-(
>
>
> Who cares?
Actually, the problem is even bigger *because* of IE6.
Modern browsers would let large image stick out of containers, but IE6 will
expand the container.
With the OP's construct it may be no big deal, but in most cases it would
trigger a "drop float".
Not that we should care, but - imho - we should let people know.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
______________________________________________________________________
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/
