Css - Centrar una capa o layer
Códigos Css
Esta seria una de las formas de centrar una capa o Layer utilizando hojas de estilo Css.
Tutores.org
Mostrando Codigo - Css
EXPLICACION
Para modificar el aspecto del la capa:
div#centradiv {width: 200px; border: 1px solid red; margin-left: auto; margin-right: auto;}
CODIGO
/* Codigo ofrecido por Tutores.org */
- <head>
- <style type="text/css">
- div#centradiv {width: 200px; border: 1px solid red; margin-left: auto; margin-right: auto;}
- </style>
- </head>
- <body>
- <div id="centradiv">Esta capa deberia de aparecer centrada.</div>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Centrar una capa o layer" href="http://www.tutores.org/codigo/1495/" target="_blank">Centrar una capa o layer</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Centrar una capa o layer" href="http://www.tutores.org/codigo/1495/" target="_blank">Centrar una capa o layer</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
JCabreraJCabrera
1
5
Codigo: "Centrar una capa o layer"
-------------------------------------------------------------
<-- Codigo ofrecido por Tutores.org -->
<head>
<style type="text/css">
div#centradiv {width: 200px; border: 1px solid red; margin-left: auto; margin-right: auto;}
</style>
</head>
<body>
<div id="centradiv">Esta capa deberia de aparecer centrada.</div>
</body>
-------------------------------------------------------------
Funciona bien centrado horizontalmente, pero como lo centro tambien verticalmente, de tal manera de que el layer apareciera al centro del marco.
Si me pueden ayudar con este problema se lo agradecería mucho, si es el caso aviseme a mi correo por favor.
Saludos
-------------------------------------------------------------
<-- Codigo ofrecido por Tutores.org -->
<head>
<style type="text/css">
div#centradiv {width: 200px; border: 1px solid red; margin-left: auto; margin-right: auto;}
</style>
</head>
<body>
<div id="centradiv">Esta capa deberia de aparecer centrada.</div>
</body>
-------------------------------------------------------------
Funciona bien centrado horizontalmente, pero como lo centro tambien verticalmente, de tal manera de que el layer apareciera al centro del marco.
Si me pueden ayudar con este problema se lo agradecería mucho, si es el caso aviseme a mi correo por favor.
Saludos
INSERTAR COMENTARIO