¿Una mano con z-index? No lo puedo hacer funcionar :S

ZequeZ · #1 (**permalink**) 21/07/2009, 22:56

Bueno, estoy haciendo un pequeño sitio, y todavía no estoy muy acostumbrado a las capas vithe y no me funciona el z-index correctamente...

(Este es una extracción, solo tiene las capas, filas, etcéteras que son relevantes al problema xD)

Código HTML:

<div id="container">
	<table>
		<tr><td>
			<div id="header">Esta es la capa que tiene z-index 2, pero se queda abajo ¬¬</div>
		</td></tr>
		<tr><td>
			<div id="main">
				<div id="image">Esta es la capa que tiene z-index 1 esta se queda arriba =(</div>
			</div>
		</td></tr>
	</table>
</div>

Espero que entiendan, porque no me funciona :S.

Nathan_1979 · #2 (**permalink**) 21/07/2009, 23:08

Nosé, si entiendes "arriba" y "abajo" usando z-index, debido a la forma que tienes tu (X)html no puedes comprobarlo...

z-index es cuando se colocan encima ( arriba ) o debajo ( abajo), parece una tontería pero creo que no lo llegas a entender.

Tu código funciona a la perfección, solo que tienes que poner encima una capa de otra para comprobar si realmente funciona tu z-index:

Te limpié un poco en xhtml para ver tu ejemplo.

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
div#header {
    position:absolute;
    left:1em; /* para que realmente veas que esta se queda abajo */
    z-index:2;
    background-color:#960;
}
 
div#image {
    position:absolute;
    z-index:1;
    background-color:#CC9999;
}
 
 
</style>
 
 
</head>
 
<body>
<div id="container">
 
            <div id="header">z-index: 2</div>
 
 
                <div id="image">z-index: 1</div>
 
</div>
</body>
</html>

ZequeZ · #3 (**permalink**) 21/07/2009, 23:46

Jajajajajaja que tarado que fui xD.
Tenía a la div main con z-index 100 y no me había dado cuenta xD.
Weno, cierro post porque no tiene sentido dejarlo abierto xP.

EDITO: No lo puedo cerrar, algún admin que cierre el post porfavor xD.

kseso? · #4 (**permalink**) 22/07/2009, 07:10

Hola ZequeZ
Si andas "jugando" con la propiedad z-indez, quizás te sea un poquito útil este tema.

Un saludo