Le 8 août 2012 à 08:05, Angela French a écrit :
> http://sbctc.edu/indexTESTAD.aspx
>
> There is an odd gap under the blue div that has the text in it that reads
> "One System. 34 Colleges....." You can see the grid image that is a
> background image for the content grid. I can fix it by dropping the same
> gradient that is in my blue div in the content div also, but I'd rather
> figure out what is causing the gap. It does not appear in IE7 or other
> browsers.
I can see a grid image in WebKit based browsers and Opera, but not Gecko
(haven't checked any IE).
If I understand correctly what you want, your issue comes from specifying
'min-height' on #layout_AdBox. Does the following solves the issue the way you
want ?
#layout_AdBox p { margin-bottom: 0; }
see http://www.w3.org/TR/CSS21/box.html#collapsing-margins
> A box's own margins collapse if the 'min-height' property is zero, and it has
> neither top or bottom borders nor top or bottom padding, and it has a
> 'height' of either 0 or 'auto', and it does not contain a line box, and all
> of its in-flow children's margins (if any) collapse.
Browser vary on how they interpret the above quoted text…
Philippe
--
Philippe Wittenbergh
http://l-c-n.com
______________________________________________________________________
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/
