> 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/
