CSS Issue with the footerwrapper

Question

I can't figure out why I am unable to get my footer wrapper and the elements inside to center up with the rest of the page. I'm using this code and it is not working:

#footer-wrapper{ margin:0 auto; }

If someone has a minute and can take a look, I would appreciate it. http://skeeterz71.com/auto/

Thanks

Answer 1

When you're aligning content with margin: 0 auto; you need a set-width because divs are automatically 100% which basically means the width of the window which means there's no space to center.

Also, it's better for the wrapper to be within a parent.

See this: http://jsfiddle.net/cranavvo/zKMD5/

Answer 2

Add the rule .row .row{ margin-left:0; margin-right:0; }