I have a page that is centered within the browser using the following code:
#wrapper { margin: 0 auto; }
When the page does not extend past the bottom of the viewport (thus not requiring a scroll bar on the right), it is perfectly centered. But when the displayed data extends beyond the bottom of the viewport, it shifts the div about 5 pixels to the right. Has anyone else had this problem/know how to fix it?
Your DIV is still perfectly centered. Now you are factoring in the width of the scroll bar.