html, body { height:100%; } body { text-align:center; /* Centralizar na horizontal no IE caso o site entre em Q uirks mode */ } #distance { width:1px; height:50%; background-color:#fc6; margin-bottom:-13.75em; /* Metade da altura do nosso box que ficar centraliza do */ float:left; } #container { margin:0 auto; position:relative; /* Coloca o container frente ao elemento com o id distanc e */ text-align:left; height:27.5em; width:45em; clear:left; background-color:#ff9; border:1px solid #c93; border-top-color:#fff; border-left-color:#fff; }

Centralizar div na horizontal e vertical Esse box fica no meio do browser em relao a seu viewpoint.
O contedo no desaparece quando o viewpoint redimensionado e fica menor que o box.