Sent by Mark Wheeler on 8 August 2006 20:08
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-REMOVED]]
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-REMOVED]]
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/
