Re: [css-d] Showing and hiding table columns
On Wed, Sep 28, 2011 at 3:35 PM, Tom Livingston wrote: > On Wed, Sep 28, 2011 at 3:17 PM, Ingo Chao wrote: >> >> >> On Wednesday, September 28, 2011, Tom Livingston wrote: >>> List, >>> >>> What would be the best way to show and hide table columns based on >>> media queries. On this page: >>> http://proof.mlinc.com/tl/cssd2/ >>> >>> i'd like to hide a couple columns in the table when the width gets >>> narrow. Hiding isn't the problem - display:none; - but showing them >>> seems troublesome. display:table-cell came to mind, but everyone's >>> favorite older browsers won't play. >>> >>> Aside from having 2 separate tables, is there a solid way to do this? >>> I tried some hacks to try to make display:table-cell; work, but was >>> unsuccessful. >> ... >> >> I think IE < 8 uses display: block for those table structures. >> Ingo > > That doesn't seem to be working in IE7/8. Am I going about it wrong? > http://proof.mlinc.com/tl/cssd2/ > Seems selectivzr isn't helping here because if I use classes instead of nth-of-type it works. Thanks Ingo -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Showing and hiding table columns
On Wed, Sep 28, 2011 at 3:17 PM, Ingo Chao wrote: > > > On Wednesday, September 28, 2011, Tom Livingston wrote: >> List, >> >> What would be the best way to show and hide table columns based on >> media queries. On this page: >> http://proof.mlinc.com/tl/cssd2/ >> >> i'd like to hide a couple columns in the table when the width gets >> narrow. Hiding isn't the problem - display:none; - but showing them >> seems troublesome. display:table-cell came to mind, but everyone's >> favorite older browsers won't play. >> >> Aside from having 2 separate tables, is there a solid way to do this? >> I tried some hacks to try to make display:table-cell; work, but was >> unsuccessful. > ... > > I think IE < 8 uses display: block for those table structures. > Ingo That doesn't seem to be working in IE7/8. Am I going about it wrong? http://proof.mlinc.com/tl/cssd2/ -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Showing and hiding table columns
On Wednesday, September 28, 2011, Tom Livingston wrote: > List, > > What would be the best way to show and hide table columns based on > media queries. On this page: > http://proof.mlinc.com/tl/cssd2/ > > i'd like to hide a couple columns in the table when the width gets > narrow. Hiding isn't the problem - display:none; - but showing them > seems troublesome. display:table-cell came to mind, but everyone's > favorite older browsers won't play. > > Aside from having 2 separate tables, is there a solid way to do this? > I tried some hacks to try to make display:table-cell; work, but was > unsuccessful. ... I think IE < 8 uses display: block for those table structures. Ingo __ 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] Showing and hiding table columns
List, What would be the best way to show and hide table columns based on media queries. On this page: http://proof.mlinc.com/tl/cssd2/ i'd like to hide a couple columns in the table when the width gets narrow. Hiding isn't the problem - display:none; - but showing them seems troublesome. display:table-cell came to mind, but everyone's favorite older browsers won't play. Aside from having 2 separate tables, is there a solid way to do this? I tried some hacks to try to make display:table-cell; work, but was unsuccessful. Thanks for your time as always. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/