Centre div position absolue en mode fenêtré?

Question

Je cette div absolue centrée:

<div style=" 
width:800px; 
height:190px; 
position:absolute; 
left:50%; 
margin-left:-400px; 
border-width:10px; 
border-style:solid;"> 
</div> 

En mode maximisé, il fonctionne normalement. Mais quand la largeur du navigateur est plus petite que la div, je ne peux pas faire défiler vers la gauche de la div, elle a été coupée. J'ai testé sur Chrome et IE9

Comment puis-je centrer div absolu en mode fenêtré? Quelle est la raison pour laquelle il n'est pas aligné?

Answer 1

Vous voudrez probablement changer la largeur de div et la hauteur des valeurs en pourcentage et donc au centre, juste faire quelque chose comme ceci:

top:0; 
left:0; 
right:0; 
bottom:0; 
margin:auto; 
position:absolute;