Многие в своей практике используют метод центрирования по горизонтали, используя левый и правый отступы (margin) со значением auto:
#page-wrap { margin: 0 auto; }
Одним из недостатков этого метода являются небольшие «скачки» содержимого при переходе со страницы, где нет вертикальной полосы прокрутки на страницу, где она есть и наоборот. Это происходит из-за 16-ти пиксельной ширины этой самой полосы.
Избавится от этой проблемы можно, зафиксировав полосу прокрутки вне зависимости от содержимого.
Это можно сделать, добавив это правило:
html { height: 101%; }
Это работает в IE6, 7, Firefox и Opera. Но выглядит это очень…
Лучшим решением на мой взгляд является добавление следующего:
html { overflow: scroll; }
Можно оставить только вертикальную полосу прокрутки, используя это:
html { overflow-y: scroll; }
Но у меня в Опере это не сработало.
Источник: Eliminate “Jumps” in Horizontal Centering By Forcing a Scroll Bar
Если знаете метод лучше, отпишитесь 
Люди заходят на ваш блог чтобы прочитать новые статьи и чем легче им это сделать тем лучше. Дизайн который не нацелен на пользователя будет только отпугивать читателей.