Problema de posicionamiento

dre · #1 (**permalink**) 04/02/2007, 17:01

Hola, me gustaría saber si se podría hacer que como referencia para los valores left, top... se tomen los límites de la capa actual, y no los bordes del navegador. Por ejemplo

.pagina {
...
}

.capa {
left:10px;
}

<div class="pagina">
<div class="capa">
</div>
</div>

Lo que quiero es que el desplazamiento de 10 píxeles de "capa" sea con respecto al borde izquierdo de "pagina".

Mikmoro · #2 (**permalink**) 04/02/2007, 17:18

Pues así, como lo has hecho. Simplemente con que esté dentro de la otra, sus márgenes serán con respecto a ella, excepto en algunos casos, por ejemplo de que "página" no tenga definida posición y "capa" la tenga definida en absolute.

Código:

<!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>
  <title>Tabla CSS</title>
  <meta name="GENERATOR" content="Quanta Plus" />
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-15" />
  <style type="text/css">
  .pagina { width: 200px;
    height: 200px;
    background-color: rgb(204, 102, 204);
     }
  .capa { background-color: rgb(51, 102, 255);
    margin-left: 10px;
    width: 190px;
    height: 200px;
    }
  </style>
</head>
<body>
<div class="pagina">
<div class="capa"></div>
</div>
</body>
</html>

Mikel.

dre · #3 (**permalink**) 04/02/2007, 18:00

Hola mikmoro, gracias por contestar. Pues ahora que lo dices, ese es mi problema, que la capa padre no tiene posiciones definidas. Habrá que buscarse la vida, ya que no me interesa definir la posición de esa capa. Acepto sugerencias...