Posted by patrick j on 03/08/07 23:26

On Mar 8, 2007 Jim Moe wrote:

> patrick j wrote:
>>
>> I'm wondering if a mystery could be solved. I'm creating a web-site for
>> some friends at the moment and I can't work out the behaviour of the
>> elements within it in IE6 and IE7.
>>
> IE does not do well when 100% of a width is used. It has rounding
> errors, it does not include the border width, etc., and it incorrectly
> resizes a <div>'s width to accommodate its contents.
> In your case it stops reducing the size of the div as the viewport width
> decreases until reaches the size of div.number3, then decides there is not
> enough room for number3 and drops it down.
> Change the width of "number3" to 99%, rather than 500px.
>
>

Thank you for your help. In the real web-page "number3" is an image. That's
why I created a "fixed size" for "number3" in this demonstration web-page.

--
Patrick
Brighton, UK
If you wish you can email me from web-site.
<http://www.patrickjames.me.uk>

[Back to original message]