Utilizo una clase CSS para centra un div que utilizo como contenedor principal, esto lo he probado con FF, IE7 y Safari y me funciona correctamente.
Código CSS:
.centrarDiv
{
position: absolute;
/*nos posicionamos en el centro del navegador*/
/*top:50%;*/
left:50%;
/*indicamos el ancho del div*/
width:940px;
/*indicamos que el margen izquierdo, es la mitad del ancho*/
margin-left:-470px;
/*indicamos la altura del div*/
height:610px;
/*indicamos que el margen superior, es la mitad del alto*/
overflow:hidden;
/*limitamos el contenido, de tal manera que no se salga del div*/
}
Código HTML:
div id="contenido" class="centrarDiv"
Código CSS:
.centrarDiv
{
position: absolute;
/*nos posicionamos en el centro del navegador*/
/*top:50%;*/
left:50%;
/*indicamos el ancho del div*/
width:940px;
/*indicamos que el margen izquierdo, es la mitad del ancho*/
margin-left:-470px;
/*indicamos la altura del div*/
height:610px;
/*indicamos que el margen superior, es la mitad del alto*/
overflow:hidden;
/*limitamos el contenido, de tal manera que no se salga del div*/
}
Código HTML:
div id="contenido" class="centrarDiv"
1 comentarios:
pos comente algo shido, jajaja buen post caon sigue asi y echale ganas