Thanks Thierry - I'll give that a shot. Do I have to remove the float from the #leftSidebar nav then?
Todd -----Original Message----- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Thierry Koblentz Sent: Monday, October 04, 2010 11:08 PM To: t...@promisingsites.com; css-d@lists.css-discuss.org Subject: Re: [css-d] Clearing a float > I have a float that is giving me problems. You can see a test page > here: > http://test.magnoliasonline.com/public/gallery/before_after > > > > This particular page is simply groups of thumbnail images. My plan > was to have a <hr> in between the groups to show that they are > separate. > However, > when I add a "clear:all" to the <hr> tag, it is actually clearing the > floated left column. So it pushes my next group down the page. This is because of your construct. Instead of this: #content { margin:0 0 40px 180px; padding:10px; } Try this: #content { display:inline-block; margin:0 0 40px; padding:10px; width:783px; } That way your main content creates a block formatting context [1] in which you can freely clear floats <http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/> -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ______________________________________________________________________ css-discuss [cs...@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-discuss [cs...@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/
