Ah! After using floats all this time, I didn't realize that the surrounding elements containing blocks were really living "under" the float block, with just the visible content pushed out of the way. The "overflow" method works for the lists in my example, but not the headline, as the headline is set out by a neg. margin. Even applying "overflow:hidden" to that element, it's still just lined up with the paragraph below where they flow around the floated element.
Perhaps I need to rethink my overall margins and padding on the various elements in my pages so I don't have to use the negative margin on the headers. Chris On Fri, Feb 6, 2009 at 10:58 AM, Gunlaug Sørtun <gunla...@c2i.net> wrote: > Chris Akins wrote: > >> http://www.extraordinaryimage.com/marginTest.html > >> Is there not a way to retain the formatting of the elements that flow >> around the float? > > Sure. Establish a new 'block formatting context'[1], for example by > applying... > > ul {margin:0 25px; overflow: hidden;} > > IE7 and older won't cooperate with lists, but IE8 and all others will do > fine. > > regards > Georg > > [1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting > -- > http://www.gunlaug.no > ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
