Esta pregunta ya tiene una respuesta aquí:

Hay una manera deCENTRO A DIV vertical y horizontalmente pero, y eso es importante, queel contenido no se cortará cuando la ventana sea más pequeña que el contenido El div debe tener un color de fondo y una anchura y altura.

Siempre he centrado divs con la posición absoluta y los márgenes negativos como en el ejemplo proporcionado. Pero tiene el problema de que corta el contenido en la parte superior. ¿Hay un método para centrar el div .content sin este problema?

Tengo el ejemplo aquí para jugar:http://jsbin.com/iquviq/1/edit

CSS:

body { margin: 0px; }

.background {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: yellow;
}

/* 
is there a better way than the absolute positioning and negative margin to center the div .content: div with background color a width and a hight?: 
*/ 


.content {
    width: 200px;
    height: 600px;
    background-color: blue;

    position:absolute;
    top:50%;
    left:50%;
    margin-left:-100px;/* half width*/
    margin-top:-300px;/* half height*/
}

HTML:

<div class="background">
    <div class="content"> some text </div>
</div>

Mi pregunta no es un duplicado de "¿Cómo centrar un elemento horizontal y verticalmente?" 1- Mi pregunta se hizo antes. (solo verifique las fechas). 2- Mi pregunta es muy clara y en negro como condición: "el contenido no se cortará cuando la ventana sea más pequeña que el contenido"