Sam,
You are understanding float correctly, unfortunately, IE doesn't. Since you
have an explicit width of 700px on that inner div, IE thinks it needs about
850px (700 plus width of image) of width to show the image and division side
by side. That's why when you take the width off, the image floats as it
should. There is no explicit width on the div, so IE will let the width of
the content change as needed. If you need it to behave in the smaller
resolution, you need to either remove the inner div's width, or give it a
percentage based width (say 70%), then IE will behave.
Tim Kadlec
Date: Wed, 30 May 2007 10:42:04 -0400
From: "Sam Carter" <[EMAIL PROTECTED]>
Subject: [css-d] IE 6, 7 Float problem, works in Firefox
To:
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset="US-ASCII"
Maybe I don't get float. Maybe this is a known bug...
I've made a bare-bones sample page to show my misunderstanding... or the
bug...
http://tr
ainthetrainers.net/home2.php> http://trainthetrainers.net/home2.php
There's a float : right image. Yes... it's a beaver wearing a shirt. He's
Canadian too.
Start with a wide browser display of more than 1000px and shrink the width
below 800px. The div#inner with the red border will clear the float.
It seems like a bug to me, or am I misunderstanding float? Isn't the
floated image supposed to glide right over the inner div schooching the
inline-text out of the way?
Interesting... If I remove the width : 700px on #inner, it behaves
properly, not clearing the image.
I'd like the inner div with the red border to not clear the image, but I'd
like the inline text to clear the float as always.
Seems to work properly in Firefox.
But or not, is there a fix?
Sam
_
PC Magazines 2007 editors choice for best Web mailaward-winning Windows
Live Hotmail.
http://imagine-windowslive.com/hotmail/?locale=en-us&ocid=TXT_TAGHM_migration_HM_mini_pcmag_0507
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
