David - Can you please tell me where you find the <p> that's " poking through"
with the margin-bottom:10px?
Thanks,
Angela French
>The gap is the margin-bottom of 10px on the <p> that's poking through.
>
>You have several options:
>
>1. Add div#layout_AdBox { overflow: hidden; } 2. Add div#layout_AdBox {
>padding-bottom: 1px; } 3. Add div#layout_AdBox p { margin-bottom: 0; }
>
>Explanations:
>1. Overflow other than the default "visible" makes it a new block-formatting
>context. This behaves somewhat similarly to old IE "has Layout" property that
>your min-height declaration gives IE 7.
>
>2. The extra padding acts as a "fence" to contain the margin.
>
>3. This should be obvious. :)
>
>P.S. You can use other properties than "overflow" for #1:
> <http://www.css-101.org/block-formatting-contexts/index.php>
>--
>Cordially,
>David
>____________________________________________________________________
>__
>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-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/
