Re: [css-d] Sidebar not expanding content div
> -Original Message- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > discuss.org] On Behalf Of Christopher Kip > Sent: Sunday, November 02, 2008 7:28 AM > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Sidebar not expanding content div > > On Nov 1, 2008, at 2:14 PM, Thierry Koblentz wrote: > > >> -Original Message- > >> From: [EMAIL PROTECTED] [mailto:css-d- > >> [EMAIL PROTECTED] > >> discuss.org] On Behalf Of Bill Brown > >> Sent: Saturday, November 01, 2008 11:51 AM > >> To: Christopher Kip > >> Cc: css-d@lists.css-discuss.org > >> Subject: Re: [css-d] Sidebar not expanding content div > >> > >>> Christopher Kip wrote: > >>>> works in IE but in all others can't figure out why the sidebar is > >>>> extending past the container vs. the container expanding to fit. I > >>>> have done this many times before, though slightly different layouts > >>>> and not had problems. Maybe a fresh pair of eyes... > >>>> > >>>> http://chromacreative.com/testingserver/tritech/site/template.html > >> > >> Maybe this'll help: > >> > >> .pagewrapper #container { > >>overflow: hidden; /* <-- Compliant Browser Float Clearing */ > >>} > > > > I'd move this to #content as it seems to be a closer ancestor. > > But the interesting part is that the issue appears to be related to a > > missing class in the styles sheet. There is a "structural hack" in the > > markup to clear floats after #mainContent: > > > > > > > > But I can't find ".clearfloat" in the sheet. > > In any case, your suggestion should allow the OP to remove the > > above from > > the markup. > > > > > > That was it -- stupid mistake. Somewhere along the line I deleted > that style from my stylesheet -- no idea how or why. So adding it > back in that had the clear: both; style in it got all working again. > I was looking at everything else and never thought I might have > deleted out the style -- doh... Hi Christopher, Actually, my suggestion was to follow Bill's advice. If I mentioned the missing "clearfloat" class it was only to explain why it was not working as you expected. If the issue did not exist in IE it is because the element has layout. The overflow declaration Bill's posted will make the element contain the float *without* the need of the you have in the markup [1]. In short, you should not put the clearfloat class back in your stylesheet, *instead* you should add the overflow:hidden declaration in the sheet and *remove* the from the markup. [1] http://tjkdesign.com/articles/block-formatting_context/newBFC.asp -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] 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 not expanding content div
Thanks David and Thierry and everyone, That was it -- stupid mistake. Somewhere along the line I deleted that style from my stylesheet -- no idea how or why. So adding it back in that had the clear: both; style in it got all working again. I was looking at everything else and never thought I might have deleted out the style -- doh... Thanks for the clean set of eyes!! On Nov 1, 2008, at 2:14 PM, Thierry Koblentz wrote: >> -Original Message- >> From: [EMAIL PROTECTED] [mailto:css-d- >> [EMAIL PROTECTED] >> discuss.org] On Behalf Of Bill Brown >> Sent: Saturday, November 01, 2008 11:51 AM >> To: Christopher Kip >> Cc: css-d@lists.css-discuss.org >> Subject: Re: [css-d] Sidebar not expanding content div >> >>> Christopher Kip wrote: >>>> works in IE but in all others can't figure out why the sidebar is >>>> extending past the container vs. the container expanding to fit. I >>>> have done this many times before, though slightly different layouts >>>> and not had problems. Maybe a fresh pair of eyes... >>>> >>>> http://chromacreative.com/testingserver/tritech/site/template.html >> >> Maybe this'll help: >> >> .pagewrapper #container { >>overflow: hidden; /* <-- Compliant Browser Float Clearing */ >>} > > I'd move this to #content as it seems to be a closer ancestor. > But the interesting part is that the issue appears to be related to a > missing class in the styles sheet. There is a "structural hack" in the > markup to clear floats after #mainContent: > > > > But I can't find ".clearfloat" in the sheet. > In any case, your suggestion should allow the OP to remove the > above from > the markup. > > > > -- > Regards, > Thierry | http://www.TJKDesign.com > > > > > __ > css-discuss [EMAIL PROTECTED] > 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-discuss [EMAIL PROTECTED] 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 not expanding content div
> -Original Message- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > discuss.org] On Behalf Of Bill Brown > Sent: Saturday, November 01, 2008 11:51 AM > To: Christopher Kip > Cc: css-d@lists.css-discuss.org > Subject: Re: [css-d] Sidebar not expanding content div > > > Christopher Kip wrote: > >> works in IE but in all others can't figure out why the sidebar is > >> extending past the container vs. the container expanding to fit. I > >> have done this many times before, though slightly different layouts > >> and not had problems. Maybe a fresh pair of eyes... > >> > >> http://chromacreative.com/testingserver/tritech/site/template.html > > Maybe this'll help: > > .pagewrapper #container { >overflow: hidden; /* <-- Compliant Browser Float Clearing */ >} I'd move this to #content as it seems to be a closer ancestor. But the interesting part is that the issue appears to be related to a missing class in the styles sheet. There is a "structural hack" in the markup to clear floats after #mainContent: But I can't find ".clearfloat" in the sheet. In any case, your suggestion should allow the OP to remove the above from the markup. -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] 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 not expanding content div
> Christopher Kip wrote: >> works in IE but in all others can't figure out why the sidebar is >> extending past the container vs. the container expanding to fit. I >> have done this many times before, though slightly different layouts >> and not had problems. Maybe a fresh pair of eyes... >> >> http://chromacreative.com/testingserver/tritech/site/template.html Maybe this'll help: .pagewrapper #container { overflow: hidden; /* <-- Compliant Browser Float Clearing */ } Best, Bill -- ~~~ Bill Brown, MacNimble.com :: "From dot concept to dot com since 1999" WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com "The intuitive mind is a sacred gift and the rational mind is a faithful servant. We have created a society that honors the servant and has forgotten the gift. -- Albert Einstein ~~~ __ css-discuss [EMAIL PROTECTED] 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 not expanding content div
Christopher Kip wrote: > Hi all, > > works in IE but in all others can't figure out why the sidebar is > extending past the container vs. the container expanding to fit. I > have done this many times before, though slightly different layouts > and not had problems. Maybe a fresh pair of eyes... > > http://chromacreative.com/testingserver/tritech/site/template.html > > > Try: #footer {clear: both;} Whatever this is, why does it have a height set on it? Or, why does it have two different heights set on it? .pagewrapper #viewercontainer { height: 1400px; height: 95px; } -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] 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 not expanding content div
Hi all, works in IE but in all others can't figure out why the sidebar is extending past the container vs. the container expanding to fit. I have done this many times before, though slightly different layouts and not had problems. Maybe a fresh pair of eyes... http://chromacreative.com/testingserver/tritech/site/template.html __ css-discuss [EMAIL PROTECTED] 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/