Centrer un élément Div surdimensionné en utilisant jQuery

Question

J'ai Div élément qui est 1680px de large, comme celui-ci:

|     |

Say, la résolution de toile écran réel/navigateur est 800px large:

+  +

maintenant, comment puis-je la centrent Div (et cacher le reste) en utilisant jQuery pour que le reste du 1680px va caché, comme ceci:

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

^ = clipped from the Div. 

En d'autres termes, je veux que la Div soit montrée dans ces deux + gamme et cache le reste. Si la résolution réelle de l'écran est supérieure à 1680px, la Div devrait être centrée normalement sans écrêtage. Je ne suis pas sûr si j'étais capable d'expliquer ce dilemme parfaitement, alors demandez si quelque chose n'est pas clair. Cela a été déjà fou m'a conduit ...

Answer 1

Utilisez CSS seulement:

http://jsfiddle.net/rQfvs/

La partie clé étant:

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

Notez que vous ne devez pas nécessairement le container div, non plus. Vous pouvez simplement mettre le bigdiv dans le corps principal. Je mettrais le trop-plein de corps caché aussi bien dans ce cas:

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