At 2:40 PM -0500 10/5/06, Jason Hammons wrote:
>is that gap in the first example margin? if so, is there anyway to
>get rid of the gap other than specifying margin-top: 0; for the paragraph?
>any clarification would be appeciated. thanks! j
I'll get the self-written content plug out of the way first:
http://complexspiral.com/publications/uncollapsing-margins/
Okay. If I've understood your questions correctly, the answers
are: yes, that gap you see at first is margin (the paragraph's top
margin); and no, you can't get rid of the gap without removing the
top margin on the paragraph.
As you discovered, you can get the bottom div to "stretch up" by
adding a border (or padding, which would accomplish the same thing),
but that just trades an open gap between the divs for a gap that's
filled by the top portion of the bottom div.
A common way to defeat this sort of thing, though it may not work
in every case, is to set paragraph margins as follows:
p {margin: 0 0 1em;}
That way, if you have multiple paragraphs together, they'll maintain
their usual 1em separation thanks to the bottom margins, but they
won't have top margins to cause unexpected effects like the one you
saw. Like I say, that won't always work-- sometimes, you want
paragraphs to have top margins for one reason or another-- but in my
experience it seems to be a useful approach about 90% of the time.
--
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
-- Martina Kosloff (http://mako4css.com/)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
