What in the world happened

ok so i got this done:


the bottom portion is out on the right should be centered. what happened?

here is my css:


someone please help

well can you help me?

Don’t worry, that ‘nice job’ guy seems to have been dealt with.

I’m going to move this to the HTML/CSS area, since it’s a CSS question!

Hello, if you are talking about the footer not being centered (there wasn’t anything “out on the right” :)) then the problem is is that on #bottom you have set display:inline-block and while that is sort of like display:block (some properties are able to be used in it) it’s not quite the same, it acts like an inline element and thus so it can’t be centered via margin:0 auto; (not that you have set it)

You have this in your CSS

.clearfix:after                                 {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix                                               {display: inline-block;}  /* for IE/Mac */

I think it is safe to remove that .clearfix code (for IE mac) since that browser is completely dead (maybe 0.001% of your users?), then just add “margin:0 auto;” on #bottom and you will be good to go.

That’s assuming you meant the footer out of place lol :).

Always on top of things :tup: