[css-d] div not floating in FF
I have a div containing 2 other divs, one is floated left, the other is floated right. I have a break with a clear equals all below the outer div. In Firefox and most browsers, the content of the right floated div is appearing below the outer div. In DreamWeaver and IE8 it is displaying correctly. What am I doing wrong? See: http://thesmudge.com/shapeshifter/Untitled-1.html TIA, Nancy __ 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/
Re: [css-d] div not floating in FF
I have a break with a clear equals all below the outer div. Clear: all is not a valid value. Are you looking for clear: both? ---Tim __ 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/
Re: [css-d] div not floating in FF
Was using the tag attribute clear, not the style attribute. But I tried changing it to the style clear:both to no avail. Thanks anyway. -Original Message- From: Climis, Tim [mailto:tcli...@indiana.edu] Sent: Monday, March 22, 2010 12:05 PM To: 'nancy'; 'css-d@lists.css-discuss.org' Subject: RE: [css-d] div not floating in FF I have a break with a clear equals all below the outer div. Clear: all is not a valid value. Are you looking for clear: both? ---Tim __ 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/
Re: [css-d] div not floating in FF
Was using the tag attribute clear, not the style attribute. But I tried changing it to the style clear:both to no avail. Thanks anyway. You should clear the floats while still inside the parent container, your br is *after* that container. Anyway, rather than using a br, try overflow:hidden on the DIV containing the float. -- Regards, Thierry www.tjkdesign.com | articles and tutorials www.ez-css.org | ultra light CSS framework __ 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/
Re: [css-d] div not floating in FF
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of nancy Sent: Monday, March 22, 2010 1:11 PM To: 'Climis, Tim'; css-d@lists.css-discuss.org Subject: Re: [css-d] div not floating in FF Was using the tag attribute clear, not the style attribute. But I tried changing it to the style clear:both to no avail. Thanks anyway. -Original Message- From: Climis, Tim [mailto:tcli...@indiana.edu] Sent: Monday, March 22, 2010 12:05 PM To: 'nancy'; 'css-d@lists.css-discuss.org' Subject: RE: [css-d] div not floating in FF I have a break with a clear equals all below the outer div. Clear: all is not a valid value. Are you looking for clear: both? ---Tim If you are trying to expand the wrapping div around the two floats you need to put the br tag inside the outer div right before the closing /div. Other than that, if you want to have the two floating divs side-by-side, I do believe you need to give them a width value - otherwise they will assume 100% width. Dennis __ 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/
Re: [css-d] div not floating in FF
-Original Message- Other than that, if you want to have the two floating divs side-by-side, I do believe you need to give them a width value - otherwise they will assume 100% width. Dennis The width value of the two inner div is indeed the direction to look. If you replace the right text content with an image than the two divs will float nicely side by side. However, with the text content the div will expand as much as necessary to accommodate the text. You can either use br to cut the text into short lines. Or, put a width on the containing div. Claude __ 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/
Re: [css-d] div not floating in FF
Other than that, if you want to have the two floating divs side-by- side, I do believe you need to give them a width value - otherwise they will assume 100% width. Floats do not assume 100% width, if there is no width specified they shrink wrap. -- Regards, Thierry www.tjkdesign.com | articles and tutorials www.ez-css.org | ultra light CSS framework __ 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/
Re: [css-d] div not floating in FF
Dennis wrote: if you want to have the two floating divs side-by-side, I do believe you need to give them a width value And apparently he is correct. Thank you. Nancy __ 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/