intentando centrar una capa...

luke48 · #1 (**permalink**) 22/09/2006, 19:48

¿Alguien puede decirme como conseguir que una capa aparezca centrada en pantalla? He introducido valor "auto" (150) en margin left y right y aún así me aparece más a la izquierda. No encuentro por ninguna parte nada que me indique que hacer para evitar esto. Gracias.

JavierB · #2 (**permalink**) 23/09/2006, 03:21

Hola luke48

¿Que editor estás usando?

Saludos,

juaniquillo · #3 (**permalink**) 23/09/2006, 12:54

si usas Dreamweaver, las capas (layers) usan posicion absoluta, ose que no las puedes centralizar. Puedes usar un div y centralizarlo

luke48 · #4 (**permalink**) 23/09/2006, 15:40

Uso Dreamweaver. Supongo que establecer que su posición sea absoluta no implica que va a aparecer en el centro de la página, porque ya lo he intentado y no consigo que se vea centrada. Y en cuanto a lo de usar un div, ¿significa eso que puedo usar una etiqueta div como capa contenedora de las demás capas anidadas para conseguir que todo aparezca al centro de la pagina? Y en ese caso, ¿qué tipo de etiqueta uso? Porque cuando selecciono insertar etiqueta aparece una larga lista de etiquetas de diferentes tipos. Gracias.

juaniquillo · #5 (**permalink**) 23/09/2006, 16:10

a eso mismo me refiero
si usas posicion absoluta el conetenido se colocara en mismo sitio. esto se mide por pixeles, desde los bordes superior e izquierdos del browser. si camba la resolucion los elementos se quedaran en el mismo sitio:

fijate que aqui la posicion del div es absoluta en el css y por eso permanecera en el mismo sitio. si aquien entra a la pagina con una resolucion mas alta el div parecera que esta mas a la izquierda ya que habra mas espacio en blanco a la derecha, pero no importa con que resolucion este el div siempre estara a 100 pixeles de la izquierda y a 50 de la derecha.

aqui uso posicion relativa y si envuelvo el div en otro div y a este segujndo le pongo el tag 'align=center', el primer div siempre estara en el centro sin importar la resolucion.

por eso te digo que una capa en dreamweaver (layer) no lo puedes centrar. una capa siempre tendra posicion absoluta. te daras cuenta si miras el panel de layers o capas.

luke48 · #6 (**permalink**) 24/09/2006, 08:27

gracias, juaniquillo.

itandti · #7 (**permalink**) 14/09/2009, 15:15

Hola chicos, estoy desesperada!!!
Lo intento, lo intento pero no termino de comprenderlo...
alguno me puede ayudar... hay va mi código!!! que hago mal?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Liberty66 Servicios Globales Lifestyle Management</title>

<style type="text/css">
#contenedor { margin:0 auto; width:760px; text-align:left; }
body { text-align:center; } ESTE HACK ES PARA EL IE
</style>
</head>

<body bgcolor="#000000">

<div id="contenedor"></div>

<div id="Layer1" style="position:absolute; left:87px; top:55px; width:467px; height:309px; z-index:1"><img src="images/principal.jpg" width="781" height="414"></div>
<div id="Layer2" style="position:absolute; left:347px; top:63px; width:19px; height:16px; z-index:2">
<p><a href="main.html"><img src="menu/inicio.gif" width="40" height="21" border="0"></a></p>
</div>
<div id="Layer3" style="position:absolute; left:396px; top:62px; width:101px; height:25px; z-index:3"><a href="main1.html"><img src="menu/eventosparticulares.gif" width="152" height="22" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:699px; top:65px; width:116px; height:22px; z-index:4"><a href="main3.html"><img src="menu/galeriafotografica.gif" width="149" height="25" border="0"></a></div>
<div id="Layer5" style="position:absolute; left:560px; top:64px; width:115px; height:24px; z-index:5"><a href="main2.html"><img src="menu/eventosempresas.gif" width="133" height="22" border="0"></a></div>
<div id="Layer6" style="position:absolute;left:257px; top:118px; width:258px; height:236px; z-index:6">
<p><img src="gifanimados/obres5.gif" width="222" height="301"></p>
<p align="center"><font color="#FF0000" size="3" face="Verdana, Arial, Helvetica, sans-serif">Página
en construcción</font></p>
</div>
<div id="Layer33" style="position:absolute; left:162px; top:556px; width:644px; height:22px; z-index:36"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Copyright
2009 It and Ti Soluciones Informáticas s.l. Optimizado para I.E. en 1024x768.

</div>

</body>
</html>

visitante28 · #8 (**permalink**) 15/09/2009, 06:43

hola itandti

Cita:

Hola chicos, estoy desesperada!!!
Lo intento, lo intento pero no termino de comprenderlo...
alguno me puede ayudar... hay va mi código!!! que hago mal?

puedes detallar mas tu problema...
bueno por donde posteaste tu situacion as de tener un problema con las capas,,, pero cual de todas??

saludos.