Estoy en desacuerdo con:
Cita:
Iniciado por frijolerou Según el codigo que has puesto... la capa 22 está fuera de la capa 32. Para que la 22 esté dentro d ela 32 el codigo debiera ser asi:
<div id="Layer32" style="position:absolute; left:0px; top:703px; width:777px; height:34px; z-index:42"><img src="barrabajo.gif" width="770" height="85">
<div id="Layer22" style="position:absolute; left:28px; top:737px; width:495px; height:27px; z-index:43"> <p> </p> </div></div>
Así la capa 22 está dentro de la 32, pero lo creo que quiere conseguir
FileX es que aparezcan
visualmente una dentro de la otra ¿es así?. Con tu ejemplo
frijolerou, la capa 22 aparece bastante por debajo de la 32.
Sin embargo, estoy completamente de acuerdo con:
Cita:
Iniciado por frijolerou ...el código que posteaste no tiene por ningún lado cara de estar centrado...¿tienes un pantallazo de lo que quieres lograr?
Aparte de esta pequeña "discusión", si quieres que la capa 22 quede centrada dentro de la 32, tienes que posicionarla según esto:
1- La capa 32 tiene 777 pixeles de ancho
2- La capa 22 tiene 495 pixeles de ancho
Por tanto cogemos lápiz y papel, o la calculadora, o de cabeza directamente y hacemos estas operaciones:
(Ancho_capa_32 - Ancho_capa_22) / 2 = Distancia_left_capa_22
O sea:
(777-495) / 2 = 141
Con lo que nos quedaría:
Código HTML:
<div id="Layer32" style="position:absolute; left:0px; top:703px; width:777px; height:34px; z-index:42"><img src="barrabajo.gif" width="770" height="85"></div>
<div id="Layer22" style="position:absolute; left:141px; top:737px; width:495px; height:27px; z-index:43"> <p> </p></div>
De todas formas, la capa 32 tiene 34 pixeles de altura y le metes una imagen de 85. Esto te puede dar problemas de visualización en diferentes navegadores, ya que la imagen es mayor que la capa.
Insisto con
frijolerou ¿qué efecto quieres conseguir?. Un saludo.