Publicentral.com - publicentra, promocion, promocionar, buscadores, paginas webs, registroPublicentral.com - promocion de paginas web y negocios online
Mostrando Codigo - Css
Code

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.
Visitas: 22,597 - 02/07/2005 0:57:57
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

Para modificar el aspecto del la capa:
div#centradiv  {width: 200px; border: 1px solid red; margin-left: auto; margin-right: auto;}

CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

  1. <head>
  2. <style type="text/css">
  3. div#centradiv  {width: 200px; border: 1px solid red; margin-left: auto; margin-right: auto;}
  4. </style>
  5. </head>
  6. <body>
  7. <div id="centradiv">Esta capa deberia de aparecer centrada.</div>
  8. </body>
  9.  



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 -->
COMENTARIOS
Comentario usuario
JCabrera
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
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.