[css-d] FF gap between head and body

[Jody Levinson]

Here's the page: http://pathwayalerts.com/home/pathway-test

In IE (for a change) it looks right. But in FF there's a gap between  
the head block and the content block where the blue background shows  
through. The CSS green lights. Both the content and head blocks have a  
large background image.

Ideas?

Thanks and happy Thanksgiving to those of you in the US

Jody

--
TroutDream Graphics, Inc.
Always fresh. Never canned.
http://troutdream.com
425-883-8277
928-833-8277 fax

__
css-discuss [EMAIL PROTECTED]
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/

Re: [css-d] FF gap between head and body

[Gunlaug Sørtun]

Jody Levinson wrote:
 Here's the page: http://pathwayalerts.com/home/pathway-test
 
 In IE (for a change) it looks right. But in FF there's a gap between 
 the head block and the content block where the blue background shows 
 through.

Add something like...
#content{padding: 1px 0;}
...to contain the vertical margins on its content.

See:
http://www.w3.org/TR/CSS21/box.html#collapsing-margins

IE is saved by its 'hasLayout' bug, and doesn't have margin-top
defaults on paragraphs anyway.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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/