On Saturday, October 9, 2010, 11:07:11 AM, I wrote:

> This is driving me round the twist, so all help gratefully received.
---

Sorry to reply to my own post, but I've hopefully sorted it out.

Microsoft (as per usual IME) are not being helpful as the behaviour of
Internet Explorer is different dependent on whether the page being
rendered is local (i.e. file protocol or on your intranet) or from the
Internet. I'd found what looked to be a reasonable solution in the
"commented backslash" work-around, but it wasn't working for me in IE8
when viewed over my local network. With the DTD explicitly specified
as HTML 4.01 Transitional using http://www.w3.org/TR/html4/loose.dtd,
I tried the following styles:

<style type="text/css">
        img.fullwidth {
                width: 100%;
                }
        /* comment with escaped ending to work around IE mess \*/
        * html img.fullwidth {
                width: 350px;
                }
        /* end of work-around */
</style>

and removed the inline style from the img tag.

Unfortunately, this wasn't working for me as IE8 rendered the image at
actual size. So I removed the link to the DTD in the declaration and
IE8 then rendered the image at 350px as expected. I uploaded the
result to http://www.friendsofthanckespark.org.uk/history.html but
some time later I read about IE8 treating local pages differently and
so put back the full path to the DTD. IE8 now renders the page
correctly and it's pretty close to what I get in Firefox 3.6 and Opera
10.62.

Thanks and HTH,

-- 
Geoff

______________________________________________________________________
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/

Reply via email to