First off, thank you to Michael for putting my script up on a site. Sorry about that. I forgot that's the way to go. It's been a while since I've been here.
Second, Gunlaug - That did the trick. I'm still fairly new at css, trial and error and all that. I never would have thought about using the overflow attribute to contain the div. I skimmed through the w3.org info and didn't fully understand it. I need to read it some more I guess. But in a nut shell (If that's possible) why doe the overflow: hidden make the float work as I wanted it to? Thanks, Mark ------------------ On Aug 8, 2006, at 11:37 AM, Gunlaug Sørtun wrote: Michael Geary wrote: >> From: Mark Wheeler >> >> I have a little problem I can't seem to figure out. > http://mg.to/test/float.html > > When I load the page in IE, the "MORE TEXT GOES HERE" is below the > red box, just like in Firefox. Solution (one of many) is to isolate the container: keep the clear from acting on elements outside the container. <div style="overflow: hidden; zoom: 1;"> SOME TEXT GOES HERE... ...and so on. Se below for references. > I ran into what looks like the same problem this morning. On the > right side of this page is a calendar widget and event list: > > http://blog.zvents.com/ Similar problem, and similar solution. > http://www.zvents.com/widgets/calendar/2/zvents-calendar-fancy.html Similar problem, and similar solution. > Is there a reference that anyone can recommend that would help > explain this kind of problem? Containing and isolating floats will also isolate any 'clear'. Thus, the relevant information is found here: 'Block formatting contexts' in all standard compliant browsers: <http://www.w3.org/TR/CSS21/visuren.html#q15> The choice of style (float/CSS-table/overflow) to achieve the right effect, depends on entire layout in each case. 'Not quite the same standard', for IE/win only: <http://www.satzansatz.de/cssd/onhavinglayout.html> The choice of hack (or not) depends on entire layout in each case. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
