Отрицательное поле и полосы прокрутки

Question

У меня сейчас что-то вроде этого:

<div class = "className" style = "position: absolute; left: 50%; margin-left: -500px;" >

Это прекрасно работает, когда окно браузера достаточно большое (более 1000 пикселей в ширину), но когда я изменяю его размер до меньшей ширины, часть div переполняется влево, а полоса прокрутки не покрывает область переполнения. Я пробовал это на Firefox, Chrome и IE8, все они приводят к одним и тем же симптомам. Как я могу это исправить? Вот демонстрация: http://pastehtml.com/view/bsanetaio.html (попробуйте изменить размер окна браузера до ширины меньше 1000 пикселей, чтобы увидеть проблему).

Answer 1

Это должно достичь желаемого эффекта.Обратите внимание, что внутренний div не имеет абсолютной позиции.

<div style="position: absolute; left:50%">
  <div style="width: 1000px; margin-left: -500px;">

  </div>
</div>

Возможно, есть лучший способ сделать то, что вы пытаетесь сделать.

Answer 2

Лучше использовать margin:0 auto для центрирования контента.Это лучше, чем абсолют