position div center horizontal and vertical

Question

i would like to center a popup div how can i do that browser friendly????

this is the original a bit to the left.

Answer 1

I use this code to center an element in the center of the window viewport:

html {
  display: table;
  table-layout: fixed;
  width: 100%; 
  height: 100%;
}

body {  
  display: table-cell;  
  width: 100%; 
  height: 100%;
  vertical-align: middle;
  margin:0;
}

#center {
  margin: auto;
}

You will find a full example at this link (Bredele CSS bundle). I think it should work for your popup.

Olivier