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/
