Alan K Baker wrote:
> I have a recurring problem only with IE6, where the page is required
> to display a large image with a border. Unfortunately, the fault is
> intermittent. What sometimes happens is that the image is displayed
> very 'squashed' both vertically and horizontally and looks
> distorted.
IE6 (and older) can't auto-size images reliably. Locally all images will
be loaded so fast that there won't be a problem, but IE6 will "time out"
on most connections, and the more images IE6 has to handle the more
it'll mess up.
There's no real cure other than to force a re-rendering _after_ loading
is completed. A script can probably handle that ... or you can tell
visitors to try to resize text (even though you've used a fixed font-size).
Since "auto" means "intrinsic size" in your case, you can just delete
"auto" and let IE6 try to detect the real image-size.
Adding real width/height values for each image in the markup, will of
course work best.
> I have another problem with the same pages in Firefox, Opera and
> Safari where box height (auto) seems to be ignored.
Make #main "expand to contain floats" by adding...
#main {
overflow: hidden;
}
...and those browsers will behave as intended.
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/
