fmz 14

I have a footer that need to extend the full width of the page (yes a no-brainer) and also need the content of the footer to be centered in synch with the rest of the page content.

I have used the following code to style it:

#footer { clear: both; background: #64882 url(../_images/bg_footer.jpg) repeat-x left top; }
#footer-content { width: 960px; height: 150px; margin: 0 auto; }

The only problem is that I get a horizontal scroll bar that extends beyond the basic content of of the page. I have FireBugged it but still can't see what is causing this. I would appreciate some assistance.

Thanks.

1 answer

Emily G 620
1
point
This was chosen as the best answer

It's not a problem with your footer. It is a problem with ul.dropdown.

You have your navigation defined as position: relative; left:270px; which means move this element 270px to the left but preserve the space where it use to be.

Remove the position:relative; left:270px; top:0; and z-index:10. Instead use

ul.dropdown  {
   list-style-type:none;
   margin-left:500px;
}
Answered about 9 years ago by Emily G