Полоса прокрутки сдвигает контент

У меня есть: У меня есть несколько веб-страниц с такой схемой:

<body>
<div id="container">
CONTENT
</div>
</body>

с CSS:

body{
color:#000000;
background-color:#FFFFFF;
background-image: url(background.jpg);
background-repeat: repeat-x;
font-family: verdana;
letter-spacing: 1px;
}
#container{
margin-left:auto;
margin-right:auto;
margin-top:5px;
width: 700px;
}

Проблема: Все страницы короткие, поэтому полоса прокрутки не отображается, но одна страница длиннее, поэтому справа отображается вертикальная полоса прокрутки. На этой второй странице контейнер немного сдвигается (влево).

Насколько я понимаю, обычным решением является отображение полосы прокрутки на всех страницах, но я действительно хочу избежать этого, поскольку это просто одна страница из многих.

Вопрос: Есть ли способ избежать смещения контейнера, оставаясь при этом по центру , не отображая полосу прокрутки на всех страницах ?

9
задан Thomas 9 April 2011 в 15:17
поделиться