[thelist] IE display behavior - image too wide for window

[ben morrison]

On 2/27/06, Michael Slater <michaels at adobe.com> wrote:
> I'm struggling with a display behavior that I'm hoping folks on the list
> will recognize.
>
> There is a fixed-width div floated to the left, and then a picture in a div
> that sits next to it. It is a very simple piece of code:
>
> As long as the window is big enough to display the whole picture, Firefox
> 1.5 and IE 6 both show the same, expected behavior. But if the window is too
> narrow to display it all, Firefox just truncates the right edge of the
> picture (which is the behavior I want), whereas IE knocks the start of the
> image down below the end of the left bar (which is a big problem!).
>
> Am I doing something wrong here? Or is there a bug in IE that I need to work
> around?

This is a known bug with IE, more info can be found here:

http://www.positioniseverything.net/explorer/expandingboxbug.html

Basically you can add overflow:hidden to the container so it will truncate it:

<div style='position:absolute; margin-left: 185px; float:right;overflow:hidden'>

HTH Ben