Lori Brown wrote:
> http://www.ertcorp.com/layoutTest/publications.php
> Look at the page referenced above with the very wide map image in it.
> Adjust the width of your browser window to be narrower than the
> width of the nav + the image. The image sticks out of the side of the
> enclosing box. Ugh! This is not ok, to me, and would probably not
> be well-received by my users.
I usually solve such cases by declaring 'max-width' on images - for your
case something like the following...
html>body #main img {max-width: 100%; height: auto;}
This will keep things somewhat under control in new browsers, but won't
do any good in older versions like IE6 - that's why I prevent it from
seeing the code.
Browsers are generally not very good at scaling images, but with few, if
any, options left the result might be acceptable.
One can of course hide the overflow in IE6 and older, but that's not
always a good solution and not easy to apply to your layout.
FWIW: the problem can be solved, but I don't think you'll like the
solution...
<http://www.gunlaug.no/tos/moa_10.html>
...and neither do I for that matter :-)
It will also cripple IE8 and send it back to IE5.5 level CSS support.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
