Центрирование негабаритного элемента Div с помощью jQuery

Question

У меня есть элемент Div шириной 1680 пикселей, например:

|                   |

Скажем, фактическое разрешение экрана / холста браузера составляет 800 пикселей в ширину:

+      +

Теперь, как мне отцентрировать Div (и спрятать остальное), используя jQuery, чтобы остальная часть 1680px стала скрытой, например:

|     +      +      |
 ^^^^^        ^^^^^^

^ = clipped from the Div.

Другими словами, я хочу, чтобы Div отображался в пределах этих двух + диапазонов и скрывал остальные. Если фактическое разрешение экрана больше, чем 1680 пикселей, Div должен быть выровнен по центру без каких-либо ограничений.

Я не уверен, что смог точно объяснить эту дилемму, поэтому спросите, если что-то неясно. Это уже свело меня с ума ...

Answer 1

Использовать CSS только:

http://jsfiddle.net/rQfvs/

Ключевая часть:

#bigdiv {
    position: relative;
    width: 1680px;
    margin-left: -840px;
    left: 50%;
}

Обратите внимание, что вам не обязательно нужен container div. Вы можете просто поместить bigdiv в основной корпус. В этом случае я бы также установил переполнение тела скрытым:

http://jsfiddle.net/rQfvs/3/