Centrar etiqueta Div Pa en altura y en anchura

kromatico · #1 (**permalink**) 05/11/2011, 16:54

Hola compañer@s!

Pues eso, os queria preguntar como se puede centrar una etiqueta Div PA para que al visualizar su contenido, este salga centrado en altura y en anchura en el navegador, dejando una distancia proporcional por los lados según de expanda o contraiga la ventana de este.

En resumen, centrar la etiqueta Div PA.

Os agracdecería sugerencias y metodologías.

Un saludo!

emprear · #2 (**permalink**) 05/11/2011, 17:16

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>
div centrada vertical y hotizontal
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
 
#capa {
position:absolute;
top: 50%;
left: 50%;
width:350px;
height:300px;
margin-top: -150px; /*valor negativo mitad del alto*/
margin-left: -175px; /*valor negativo mitad del ancho*/
border: 2px solid #2982C6;
background-color: #FFF;
text-align: center;
}
 
/*]]>*/
</style>
 
</head>
<body>
<div id="capa">
Div centrada
</div>
</body>
</html>

Saludos