468,119 Members | 1,983 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,119 developers. It's quick & easy.

IE vs FF: image clipped by IE

Hello,
URL: <http://tucsonwomenschorus.com/>
Firefox and Opera both show the image extended to the right of the
content. IE6 does not; it clips it at the boundary of the content area.
Have I made a mistake? Or Is there a workaround for this?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Aug 9 '06 #1
1 1173
Jim Moe wrote:
Hello,
URL: <http://tucsonwomenschorus.com/>
Firefox and Opera both show the image extended to the right of the
content. IE6 does not; it clips it at the boundary of the content area.
Have I made a mistake? Or Is there a workaround for this?
For those eager to know the solution...
The image is positioned with a negative right margin to move it outside
the enclosing div. The div itself had its width reduced to allow for the
news column.
By replacing the width with a right margin fixed the clipping problem.

But IE wasn't done yet: Reflow-on-hover. When the page loads, IE
calculates its various positioning values. When there is a mouseover, IE
recalculates its positioning, differently. The result was that the margins
for the text spread out, reflowing the text and moving the image to the
right a bit. Twitch! The whole mess is described in
<http://www.positioniseverything.net/explorer/percentages.html>.
The solution was to wrap the content and news columns in a div that has
an explicit width defined, say width:100%. It has to be *explicit*.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Aug 9 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by RIck Measham | last post: by
15 posts views Thread by Anand Ganesh | last post: by
1 post views Thread by cs | last post: by
3 posts views Thread by peter.chase | last post: by
9 posts views Thread by tshad | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.