> Ingo Chao wrote: > > <div style="float: left; height:100px; width:100px; background: > > yellow;"></div> > > > > <div style="float: left;"> > > <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam > > luctus urna non sem.</p> > > </div> > > > > If the window is wide enough, the Lorem ipsum stays next to > the yellow > > float. But if the window is narrowed, the Lorem ipsum does > not wrap, it > > just drops under the float. It wraps in IE. > > I think it's here: > http://www.w3.org/TR/CSS21/visudet.html#q8 > The available width for the second float is the width of the > containing > block. > > Ingo
Ingo- I still don't understand why the second floated div, given enough room, would fail to float up next to the first floated div, given the following from the link you provided: "calculate the preferred width by formatting the content without breaking lines other than where explicit line breaks occur, and also calculate the preferred minimum width, e.g., by trying all possible line breaks." [0] I'm probably being obtuse, but it appears that the minimum width needed should be the width of the floated div with all possible line breaks, which should be fairly narrow with normal next. In my case it seems that perhaps the browsers are calculating the maximum width without regard to the padding, and then after applying the padding, discover that they do not have enough room for the div to float next to the previously floated div. I tried adding an explicit width:auto; to the #maincontent div, but the results are the same. Only by setting an explicit numeric width does the float move up into its proper position. I also tried removing the right floated graphic and the graphic headline from the #maincontent div and got the same results. Thanks for looking at this [1]! Regards, Ron [0] http://www.w3.org/TR/CSS21/visudet.html#q8 [1] original page in question: http://tinyurl.com/h4ltr ______________________________________________________________________ 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/
