Re: [css-d] Sidebar height with list filter
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/
Re: [css-d] Sidebar height with list filter
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/
Re: [css-d] Sidebar height with list filter
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/
Re: [css-d] Sidebar height with list filter
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 --
Re: [css-d] Sidebar height with list filter
On 7/2/15 1:42 PM, J.C. Berry 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? I think you need to put the main section in its own wrapper. As floats also create a new block-formatting context, you could either float that wrapper, or else apply one of the other CSS properties that create a block-formatting context. -- 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/
Re: [css-d] Sidebar height with list filter
Thanks Tom, will check. Here is PNG http://mindarc.com/staging/wrapproblem.PNG On Thu, Jul 2, 2015 at 1:59 PM, Tom Livingston tom...@gmail.com wrote: 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 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. -- 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
Re: [css-d] Sidebar height with list filter
It could be that you want equal height columns so that whichever column expands, other column expands simultaneously. Please confirm if this is what you are asking about. -Original Message- From: J.C. Berry Sent: Wednesday, July 01, 2015 2:35 AM To: Tom Livingston Cc: CSS-D ; Philippe Wittenbergh Subject: Re: [css-d] Sidebar height with list filter 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. __ 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/
Re: [css-d] Sidebar height with list filter
On Tuesday, June 30, 2015, J.C. Berry jcharlesbe...@gmail.com 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 Tue, Jun 30, 2015 at 6:04 PM, Tom Livingston tom...@gmail.com javascript:_e(%7B%7D,'cvml','tom...@gmail.com'); wrote: On Tuesday, June 30, 2015, Philippe Wittenbergh e...@l-c-n.com javascript:_e(%7B%7D,'cvml','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 So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Your sidebar should auto-magically grow with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal testcase. Philippe -- If your sb and main content are floats, you'll need to clear them so your footer sits below. -- How are you doing you two columns? -- 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/
Re: [css-d] Sidebar height with list filter
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 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 So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Your sidebar should auto-magically grow with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal testcase. Philippe -- If your sb and main content are floats, you'll need to clear them so your footer sits below. -- 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/
Re: [css-d] Sidebar height with list filter
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 So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Your sidebar should auto-magically grow with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal testcase. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ 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/
Re: [css-d] Sidebar height with list filter
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 Tue, Jun 30, 2015 at 6:04 PM, Tom Livingston tom...@gmail.com wrote: 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 So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Your sidebar should auto-magically grow with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal testcase. Philippe -- If your sb and main content are floats, you'll need to clear them so your footer sits below. -- 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/
Re: [css-d] Sidebar height with list filter
I will have to look at my HTML tomorrow when I get back in the office. Thanks. On Tue, Jun 30, 2015 at 6:37 PM, Tom Livingston tom...@gmail.com wrote: On Tuesday, June 30, 2015, J.C. Berry jcharlesbe...@gmail.com 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 Tue, Jun 30, 2015 at 6:04 PM, Tom Livingston tom...@gmail.com wrote: 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 So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Your sidebar should auto-magically grow with the amount of content it contains, no? Unless, that is, you set `height` or `max-height`. I suspect your problem might be that your `footer` doesn’t move (lower) when you add content to your sidebar. That will depend on how you coded your whole page. Hard to say without at least a minimal testcase. Philippe -- If your sb and main content are floats, you'll need to clear them so your footer sits below. -- How are you doing you two columns? -- 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/
Re: [css-d] Sidebar height with list filter
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/
[css-d] Sidebar height with list filter
Hello all, 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 So the checkbox filters are in the sidebar (SB) and the Divs are added or removed based on choice of type of Div. I need the SB to expand as needed. Possible? Thanks! - 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/