The footer already clears fine. On Thu, Jul 2, 2015 at 1:46 PM, Tom Livingston <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> 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 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/
