Alignment Problem

[HabbDance]

Well, this is a tad hard to explain, but I'll try my best.

I'm coding this layout, and when the content is not to far down it looks fine.
But, when it is far enough down (when it needs to use the scroll bar) sections of it move over about 5 pixels.

Help? Cheers.

[Britz]

Just a guess, but it could be to do with how the layout was sliced.

Not too sure, could you post a preview?

[iUnknown]

Try in internet explorer. Doesn't move over? That's because firefox moves the layout over when a scroll bar is needed. Impossible to stop.

I think that may be what you're talking about? Puzzled me for a long time when I was coding a layout once.

[HabbDance]

Just a guess, but it could be to do with how the layout was sliced.

Not too sure, could you post a preview?

Try in internet explorer. Doesn't move over? That's because firefox moves the layout over when a scroll bar is needed. Impossible to stop.

I think that may be what you're talking about? Puzzled me for a long time when I was coding a layout once.

That might be the case, but I don't know yet because it is not compatible with IE yet.
+rep if you're right though

[iUnknown]

Was I right?

[Meti]

The error I can see on the image is that the part under the banner, are a bit to the right.
What you could do is adding a container, with all the DIVs inside.

Try that, and tell me if it works

[L?KE]

Yeah try metis way. I religiously use a container and never had this problem - not to say that is 100% the solution.

[wsg14]

Take all the content divs and put them into a container, then on the container css add: margin: 15px auto;

[L?KE]

Yeah, which meti previously said.

And for it to work in IE I think you need to give body "text-align: center;".

[Iszak]

L?KE, no you don't have to give the body text-align: center for Internet Explorer, if all the content is in a container / wrap which has a fixed width and margin 0 auto, it will align in the center.