On Fri, 14 Oct 2005, Akins, Chris wrote:
> www.springfieldmogov.org/elections/details.html
> www.springfieldmogov.org/elections/details_noh2.html
<snip>
> The relevant CSS is:
>
> #overview {
> margin: 0 0 0 250px;
> background: #fff url(images/bgnd_s.jpg) top left repeat-y;
> }
>
> #overview p, #overview ul {
> margin: 10px 20px 0 20px;
> }
>
> #overview h2 {
> margin: 0;
> padding-top: 20px;
> }
Headings have both top *and* margin headings, and thence you're dealing
also with collapsed margins.
For example, UA styles for paragraphs typically specify top and bottom
margins of 1em, yet when two paragraphs are immediate neighbors there's
only 1em between them. If the second paragraph is changed to a div, the
margin's still there.
In your case, the zero margin on #overview is unnecessary; the margin on
the h2 is the one to worry about.
--
Ben Henick "In the long run, men hit only what they aim
Sitebuilder At-Large at. Therefore, though they should fail
http://www.henick.net/ immediately, they had better aim high."
[EMAIL PROTECTED] -- Henry David Thoreau
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
