> -----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: > > > > <br class="clearfloat" /> > > > > 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 <br class="clearfloat" /> 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 <br /> 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/
