How to center a “position: absolute” element

Question

I\'m having a problem centering an element that has the attribute position set to absolute. Does anyone know why the images are not centered?

<

Answer 1

Here is easy and best solution for center element with “position: absolute”

 body,html{
  min-height:100%;
 }
 
 div.center{
 width:200px;
 left:50%;
 margin-left:-100px;/*this is 50% value for width of the element*/
 position:absolute;
 background:#ffffd;
 border:1px solid #999;
 height:100px;
 text-align:center
 }
 
 

 

  should be centered verticaly