/* Zuerst wird html und body auf 100% Höhe gesetzt und eventuell vorhandene störende Abstände eliminiert. */
html, body {
  height:100%;
  margin:0;
  padding:0;
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */ 

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width: 983px;      /* Breite insgesamt */
  min-height: 623px; /* Mindesthöhe insgesamt bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
  
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und Breite nach oben und links verschoben */
  margin: -311px 0 0 -491px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/* min-height für den IE */
* html #center {
  height: 623px;             /* das selbe Maß wie oben bei min-height */
}