Re: [css-d] Float problems in Firefox 1.5
On Apr 20, 2006, at 8:07 AM, Ingo Chao wrote: shrink-to-fit width = width of all the words And if I am wrong, it doesn't matter, because no one reads a post with more than one formula. Ingo I do : ) I love it. You are so informative. It's just hard to keep up with all these post. Thanks for sharing you knowledge. Terri Terri Chicko [EMAIL PROTECTED] __ 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/
Re: [css-d] Float problems in Firefox 1.5
Ingo Chao wrote: div style=float: left; height:100px; width:100px; background: yellow;/div div style=float: left; pLorem 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/
Re: [css-d] Float problems in Firefox 1.5
Pringle, Ron wrote: Ingo Chao wrote: div style=float: left; height:100px; width:100px; background: yellow;/div div style=float: left; pLorem 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. http://www.w3.org/TR/CSS21/visudet.html#q8 The available width for the second float is the width of the containing block. 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. I think it doesn't matter how narrow the preferred minimum width is, because this min-width is compared with a max-relationship to the available width: Then the shrink-to-fit width is: min(max(preferred minimum width, available width), preferred width).[0] [0] http://www.w3.org/TR/CSS21/visudet.html#q8 meaning that the inner parenthesis max(preferred minimum width, available width) = max (with all possible line breaks, width of containing block) = max (width of the widest word, width of containing block) = width of containing block inserted into the outer parenthesis min(width of containing block, preferred width) = min(width of containing block, all the words from Lorem...vestibulum) = width of containing block shrink-to-fit width = width of containing block in your example. In my example above, it's possible to have the loremipsum right to the yellow float, because it is a short paragraph, which can be narrower than the containing block, if the window is wide enough. shrink-to-fit width = width of all the words And if I am wrong, it doesn't matter, because no one reads a post with more than one formula. Ingo -- http://www.satzansatz.de/css.html __ 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-d] Float problems in Firefox 1.5
Hmm. Having an odd issue with Firefox not properly displaying a float. Two columns floated left, the second column ends up under the first floated column, instead of next to it, as it should. I've not added a clear to the overall container, so a large horizontal white space appears where the float is improperly clearing the left floated logo. Makes it easier to see the problem. So, to reiterate, the main content starting with the graphic Welcome is improperly clearing the white Aurora logo. Both are floated left. This problem appears in Firefox 1.5 on my Win2K pc. Am I just abnormally obtuse today and missing something? Any advice appreciated. Note that is is a page in development and I am in no way/shape/form responsible for the (lack of) design. Nor is the CSS complete yet. Bleah. http://tinyurl.com/h4ltr regards, Ron __ 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/
Re: [css-d] Float problems in Firefox 1.5
So, to reiterate, the main content starting with the graphic Welcome is improperly clearing the white Aurora logo. Both are floated left. This problem appears in Firefox 1.5 on my Win2K pc. Are you sure the Welcome graphic is floated? I can't seem to find the style rule that specifies this in your stylesheet. Prabhath -- http://nidahas.com __ 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/
Re: [css-d] Float problems in Firefox 1.5
Prabhath wrote: I wrote: So, to reiterate, the main content starting with the graphic Welcome is improperly clearing the white Aurora logo. Both are floated left. This problem appears in Firefox 1.5 on my Win2K pc. Are you sure the Welcome graphic is floated? I can't seem to find the style rule that specifies this in your stylesheet. Prabhath Sorry, I didn't make that very clear. The div containing the content, including the Welcome graphic, is floated left. Glenn, offlist, pointed out that adding a fixed width to the container brings it up next to the logo as it should be, but I don't understand why it wouldn't do that normally anyhow. As this is a fixed width site, I can live with that, but I'd still like to know what the actual problem is. Ron __ 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/
Re: [css-d] Float problems in Firefox 1.5
Pringle, Ron wrote: Hmm. Having an odd issue with Firefox not properly displaying a float. Two columns floated left, the second column ends up under the first floated column, instead of next to it, as it should. Apparently not. I don't have a spec at hand this night, and I might be wrong, but this renders identical in Fx, Opera, Safari: div style=float: left; height:100px; width:100px; background: yellow;/div div style=float: left; pLorem 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. Ingo -- http://www.satzansatz.de/css.html __ 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/
Re: [css-d] Float problems in Firefox 1.5
Ingo Chao wrote: div style=float: left; height:100px; width:100px; background: yellow;/div div style=float: left; pLorem 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 -- http://www.satzansatz.de/css.html __ 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/