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.

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.


1 answer

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:

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