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> 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 > <javascript:;>> > 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 > <javascript:;>> wrote: > >>> > >>> > >>>> Le 1 juil. 2015 à 05:16, J.C. Berry <jcharlesbe...@gmail.com > <javascript:;>> 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 <javascript:;>] > > 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 <javascript:;> > 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 <javascript:;>] > 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 ______________________________________________________________________ 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/
