como podria hacer un layer relativo a otro?

Diabolus · #1 (**permalink**) 15/01/2006, 05:05

pues me gustaria saber como podria hacer para que un layer SOLO sea relativo a otro layer,me explicare mejor.

Pongamos que tengo el Layer A arriba del todo y el Layer B tiene que ser relativo al Layer A,de manera que si el Layer A se hace mas alto ,el Layer B baje X pixels,pero que el Layer B no sea relativo a ningun otro elemento(tablas y filas en este caso).

Se puede hacer?como?

Muchas gracias ;)

PatomaS · #2 (**permalink**) 15/01/2006, 11:34

Hola

Bueno, este código de ejemplo podría servirte.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="language" content="ES" />
	<meta http-equiv="Content-Language" content="es" />
	<title>Pruebas varias de códigos en el 2006</title>
	<style type="text/css">
		* {
			font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
			font-size: 10pt;
			color: #ffffff;
			background-color: #000000;
			border: 0px;
			margin: 0px;
			padding: 0px;
		}
		.capa02A{
			position: absolute;
			top: 100px;
			left: 100px;
			width: 150px;
			border: 1px solid #f0f0f0;	
		}
		.capa02B {		
			position: relative;
			border: 1px solid #00ff00;
			width: 150px;
			top: 100px;
			left: 100px;
		}
	</style>
</head>
<body>
<div class="capa02A">
	<p>Este texto está en la capa A</p>
	<div class="capa02B">
		<p>Este texto está en la capa B</p>
	</div>
</div>
</body>
</html>

Felicidad

Diabolus · #3 (**permalink**) 15/01/2006, 12:08

muchas gracias!!!!,una pregunta ^^ no se puede conseguir lo mismo cerrando el primer div?

PatomaS · #4 (**permalink**) 15/01/2006, 16:16

Hola

Ambos div's están cerrados en mi código...

¿a qué te referías?

Felicidad

Diabolus · #5 (**permalink**) 15/01/2006, 16:21

me refiero a cerrar el primero ^^ y luego crear el otro debajo.

Algo asi:

<div class="capa02A">
<p>Este texto está en la capa A</p></div>
<div class="capa02B">
<p>Este texto está en la capa B</p>

</div>