fmz 14

I am developing a new site and there is a 20px gap between where the #container ends and the #footer begins. They should be flush against each other.

http://www.rouviere.com/_mrp/

I won't paste the entire page html in here but here is the css for the container:

#container             { 
                        width: 980px;  
                        margin: 0 auto; 
                        background: url(../_images/bg_container.jpg) repeat-y left top; 
                        overflow: hidden; 
                        }

I would appreciate some help sorting this out.

Thanks.

1 answer

1
point
This was chosen as the best answer

The footer is suffering from a margin-collapse problem.

add padding: 1px 0 0 0; to #footer and it will close the gap.

then read about margin collapse here:

http://complexspiral.com/publications/uncollapsing-margins/

Answered over 6 years ago by Tony Crockford
  • Thanks Tony. Problem solved! fmz over 6 years ago
  • Happy to help. :) Tony Crockford over 6 years ago