IE equivalent for max-width?

[Steve Kobes]

This does exactly what I want in Mozilla:

<div style='margin-left: auto; max-width:740px; margin-right:auto'>
<div style='margin-left: 120px; max-width:500px; text-align:justify'>
<div style='margin-left:-120px; float:left'>
<img src='graphic.png' width='105' height='105' />
</div>
<p>lots of text here</p>
</div>
</div>

By "exactly what I want" I mean:

- if window is large enough, a column of text 500px wide, centered,
with a graphic in the 120px left margin;

- if window is not large enough, the left margin will not shrink
(thus preventing graphic from being pushed out of sight), but the
right margin will shrink;

- as window shrinks further, the text column will begin to shrink
(but only after the right margin has reached zero).

However, max-width is not supported on IE. In fact, the graphic
disappears completely (not sure why). How can I achieve the same
effect on IE?

TIA,
Steve

[Stephen Poley]

On 11 Sep 2004 21:40:54 -0700, st*********@hotmail.com (Steve Kobes)
wrote:

By "exactly what I want" I mean:

- if window is large enough, a column of text 500px wide, centered,
with a graphic in the 120px left margin;
Don't want that. Size the text column(s) in ems.
However, max-width is not supported on IE. In fact, the graphic
disappears completely (not sure why). How can I achieve the same
effect on IE?

There is a hack described at
http://www.svendtofte.com/code/max_width_in_ie/

Be aware though that getting it to work properly can be considerably
more work than this page suggests. For example you will need a media
print override. And the slightest extra variations in the layout may be
difficult to handle or even insoluble. Do hide it in a separate
iehack.css which is linked to in an IE conditional comment, to make sure
no other browsers (or the validator) fall over it.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/