Foros del Web » Creando para Internet » CSS »

Problemas con z-index.

Estas en el tema de Problemas con z-index. en el foro de CSS en Foros del Web. Muy buenas. estoy haciendo una nueva web , sobre viajes. El logo de la web esta hecho con photoshop y es un archivo png (aunque ...
  #1 (permalink)  
Antiguo 05/06/2010, 14:53
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 7 años, 10 meses
Puntos: 6
Problemas con z-index.

Muy buenas.
estoy haciendo una nueva web , sobre viajes.
El logo de la web esta hecho con photoshop y es un archivo png (aunque estoy pensando en cambiarlo ya que pesa vastante) y como no es rectangular si no que tiene una redonded en la parte inferior, he usado z-index para superponer el logo con la barra de navegación.
El efecto a mi por lo menos me gusta mucho, pero hay esta el problema. Si dejo el codigo como lo muestro aqui debajo la barra de navegación no funciona

.logotipo{
margin-top:0px;
margin-left:0px;
margin-bottom:-15px;
float:left;
position:absolute;
z-index:2;
}
#menu {
position:relative;
z-index:1;
float:right;
background-image:url(imagenes/nav_bg.png);
background-repeat:repeat-x;
height:30px;
width:733px;
margin:auto;
margin-top:220px;
}

y si invierto el z-index, la barra de navegación queda por encima de la imagen y se ve muy feo.
Alguien me puede hechar un cable, xD.
Aqui dejo la dirección de la web.
http://listadeespera.myartsonline.com
Un saludo
__________________
http://www.paxarindesign.es
  #2 (permalink)  
Antiguo 05/06/2010, 17:21
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problemas con z-index.

Supongo que tu menu y tu logo son hermanos entre si (si no lo son, hazlo para que funcione z-index). Te sugiero le des al padre de ambos position:relative; y luego trabajes con position:absolute; para la caja del logo y del menú.
Y por tanto elimines el flotado y los margenes sustituyéndolos por las propiedades:

top:;
left:;
right:;
bottom:;

Con estas propiedades podrás mover la capa de los hijos en relación al eje de coordenadas 0,0 del padre, o lo que es lo mismo, a la esquina sup-izq del padre (que como te indiqué ahora debería tener una posición relativa)

Espero te sea útil, cualquier cosa nos seguimos leyendo, un saludo!

Etiquetas: z-index
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:45.