Hi, I am designing a site in Wordpress using a theme and the site was originally lined to the very top of the page using:

* {margin: 0; padding: 0;}

Somewhere along the way however, I have edited something and the site is no longer aligned with the top of the page.

Anyone know any common causes of this problem?

Many thanks

I usually put margin: 0; padding: 0; on the body or a wrapper div.

But you'll have to look at where you've put in margins or padding elsewhere in the page, because zeroing it out doesn't cancel margins or padding added later, of course.

If you're stuck as to what's causing it, I sometimes put a 1px border around my elements in a contrasting color to see what's doing what, then take them back out once I've figured it out.

tim

I'm hoping it won't come to that, it would be a little



But yeah, if I don't figure it out easily I will do it your way, thanks

Ok quick update, I put a border around everything and this was the result:

http://imageshack.us/photo/my-images/851/scrshot.png/

Nothing appears to be affecting it in terms of margin/padding, or am I wrong? If not is there anything else you can think of that would affect it?

I don't see the problem. It seems to be aligned properly. It would be more helpful with a link to your site. However, one can see the address of your site in the picture but I cannot see any problem with it there either.

If you have already solved it, then great, otherwise I think you'll have to be a bit more descriptive of what the issue actually is.

Well Mattias, when I originally applied the theme the white section beneath the address bar and above the wrapper was not there, it aligned perfectly with the top of the page. I know it doesn't look too bad but I would rather it went back to being that way.

Aha, now I see the issue in your image. However, when I view your site (in Chrome and IE9) it looks correct. So it probably only shows up in some browsers/versions.

Nevertheless, you may be able to fix it by adding a closing </div> tag
Check out the validator: http://validator.w3.org/check?uri=ht...Inline&group=0

*Facepalm!*

Haha must have deleted it whilst I was editing the footer!

Unfortunately though it didn't realign my site! I'm starting to get desperate now!

Hmm, well as I said it looks fine in my browsers so I can't really debug it. The only thing I can think of is setting vertical margin and padding to 0 for the html and body tags.

html,body { margin: 0; padding: 0; }

EDIT: I see you have already done that :P However, I see you've set margin to auto for your wrapper. I don't know if it will change anything, but try setting the margin for the wrapper to

#wrapper { margin: 0 auto; }

I don't see the problem either, have you fixed it? Let's not forget that there is a thing called MARGIN COLLAPSE, which is not a bug, that can cause the behavior you describe and is easily fixed.

Originally Posted by lizciz

I see you've set margin to auto for your wrapper. I don't know if it will change anything, but try setting the margin for the wrapper to

#wrapper { margin: 0 auto; }

Good idea but I already tried this and it didn't work. Thanks for carrying on trying though I really appreciate it.

LadyNRed - I'm going to brush up on collapsing margins and see if I can link it to the cause of this problem, I'll let you know how it goes.

Thanks again peeps

I don't believe it!!!

After spending hours scouring my CSS and HTML for a solution I suddenly wondered what it would look like on a browser where I wasn't signed in as admin to the site. So I opened Chrome incognito, went to the site, and there was no problem! It was literally only me that was seeing it anyway!

I'm so sorry to have wasted your time with this! I still don't understand why it happened though...

In that case, it most likely isn't a CSS issue. Perhaps there is just some data (a space, new line, <br /> tag, <p> tag or whatever) being printed when you're logged in. Just check the source code.

Well the size of the gap is suspiciously similar to the wordpress admin bar that usually goes across the top so maybe that had something to do with it...