Вертикально центр три divs, один внутри другого

Question

Это то, что я намереваюсь сделать. У меня два круга. Внутренний фиксирован, внешний - динамический и растет/сжимается. Два круга должны быть концентрическими. Поэтому я создаю два подразделения, давая граничный радиус как 50% для создания кругов. Я вертикально центрировал их, используя метод table-cell. Однако теперь мне нужно центрировать внешний div вертикально в теле. Как я могу это достичь?

EDIT: http://jsfiddle.net/G28t8/

function updateCircle(){ 
      document.getElementById("outercircle").style.width = parseInt(document.getElementById("outercircle").style.width.split("px")[0]) + 5 + "px"; 
      document.getElementById("outercircle").style.height = parseInt(document.getElementById("outercircle").style.height.split("px")[0]) + 5 + "px"; 
      document.getElementById("outercircle").style.lineHeight = document.getElementById("outercircle").style.height; 

     } 

Answer 1

Вы можете просто изменить макет отображение HTML & тела, и используют таблицы макета specifities:

пример скрипки, используемую для некоторых подобного вопроса (удалить дивы нежелательными;)): http://jsfiddle.net/GCyrillus/jGtAv/3/

html { 
    text-align:center; 
    display:table; 
    width:100%; 
    height:100%; 
} 
body { 
    display:table-cell; 
    vertical-align:middle; 
}