Nonetheless, sounds like you need to create a column with the variable divs' parent container so the don't slip under the sidebar. You may also need to make the variable divs relative to that parent.
On Thursday, July 2, 2015, J.C. Berry <jcharlesbe...@gmail.com> wrote: > The footer already clears fine. > > On Thu, Jul 2, 2015 at 1:46 PM, Tom Livingston <tom...@gmail.com > <javascript:_e(%7B%7D,'cvml','tom...@gmail.com');>> wrote: > >> Float the sidebar and the main content div. clear them so the footer >> remains under those two columns. >> >> >> On Thursday, July 2, 2015, J.C. Berry <jcharlesbe...@gmail.com >> <javascript:_e(%7B%7D,'cvml','jcharlesbe...@gmail.com');>> wrote: >> >>> Thanks David, I tried that solution (overflow:hidden to container) and >>> the >>> right div's still float underneath the sb nav. I did mention that the >>> right >>> divs (the number of which are variable) are also floated left? >>> >>> On Tue, Jun 30, 2015 at 9:16 PM, David Hucklesby <huckle...@gmail.com> >>> wrote: >>> >>> > On 6/30/15 6:35 PM, J.C. Berry wrote: >>> > >>> >> thanks guys, but I think I have to clarify my issue. The sidebar >>> content >>> >> is >>> >> always the same; it has the checkbox filters. But the right area divs >>> wrap >>> >> down to the left below the sidebar when a lot of them show. The footer >>> >> clears fine. >>> >> >>> >> >>> >>> On Tuesday, June 30, 2015, Philippe Wittenbergh <e...@l-c-n.com> >>> wrote: >>> >>> >>> >>> >>> >>>> Le 1 juil. 2015 à 05:16, J.C. Berry <jcharlesbe...@gmail.com> a >>> écrit >>> >>>>> : >>> >>>>> >>> >>>>> I have an issue with a set of checkbox filters in a sidebar that >>> has to >>> >>>>> expand it height based on what the user selects. >>> >>>>> Here is a simple layout (the site is on dev): >>> >>>>> >>> >>>>> SB Div1 Div2 Div 3 >>> >>>>> SB Div4 Div5 Div 6 >>> >>>>> SB Div7 >>> >>>>> SB >>> >>>>> SB >>> >>>>> FOOTER FOOTER FOOTER >>> >>>>> >>> >>>>> >>> >>>>> [replies snipped] >>> > >>> > If, as you suggest, you have a non-floated main element that wraps >>> below >>> > the >>> > float when content is added, there is a simple solution. There is a >>> > property >>> > that you can add to the main element, called a "new block-formatting >>> > context." >>> > For details, check out this article: >>> > >>> > >>> > < >>> > >>> http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/#prevent-text-wrapping >>> > > >>> > >>> > -- >>> > Cordially, >>> > David >>> > ______________________________________________________________________ >>> > css-discuss [css-d@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/ >>> >>> >>> >>> >>> -- >>> J.C. Berry, M.A. >>> UI Developer >>> 619.306.1712(m) >>> jcharlesbe...@gmail.com >>> http://www.mindarc.com >>> >>> ------------------------------------------------------------------------------------------------------------------------------------------------ >>> >>> This E-mail is covered by the Electronic Communications Privacy Act, 18 >>> U.S.C. ?? 2510-2521 and is legally privileged. This information is >>> confidential information and is intended only for the use of the >>> individual >>> or entity named above. If the reader of this message is not the intended >>> recipient, you are hereby notified that any dissemination, distribution >>> or >>> copying of this communication is strictly prohibited. >>> >>> ------------------------------------------------------------------------------------------------------------------------------------------------ >>> ______________________________________________________________________ >>> css-discuss [css-d@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/ >> >> >> >> -- >> >> Tom Livingston | Senior Front End Developer | Media Logic | >> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com >> >> >> #663399 >> >> > > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com > <javascript:_e(%7B%7D,'cvml','jcharlesbe...@gmail.com');> > http://www.mindarc.com > > ------------------------------------------------------------------------------------------------------------------------------------------------ > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > ------------------------------------------------------------------------------------------------------------------------------------------------ > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ css-discuss [css-d@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/
