Duda con posicionamiento absoluto y relativo

[JBRS]

Hola,

Tengo un par de elementos puestos como absolutos. El tema es que estoy tratando de adaptarlos para que al centrar la web, con independencia de la resolución del usuario, queden en la misma ubicación dentro del diseño.

Pensaba que si ponía el modo absoluto dentro de una capa a medida, podría contar el top y left dentro de esa capa ( al parecer me equivocaba). Luego he probado con relative... pero entonces "manda" el elemento que pongo primero en relative, y el segundo mide desde el primero... lo cual no se acopla a mis necesidades.

La pregunta ¿hay alguna forma de posicionar elementos de forma absoluta pero dentro de una capa? (es decir, que si pongo top:50 left:50 sea respecto a ese principio de capa y si luego pongo en otra 20,20 lo mismo, que cuente desde el principio de la capa).

[emiliodeg]

los elementos absolute se posicionan respecto del padre mas cercano en estado relative

[ivor]

@JBRS fijate: el amigo emiliodeg tiene mucha razón, pero te lo voy a explicar con más detalle.

"los elementos absolute se posicionan respecto del padre mas cercano en estado relative"

Esto se traduce a lo siguiente:
HTML

Código:

<div id="header">
    <div id="logo">Tu Logo</div>
</div>

CSS

Código:

#header {
position:relative;
}

#logo {
position:absolute;
top:10px;
left:30px;
}

En este código de ejemplo el elemento "padre" o parent es header y el "hijo" o child es logo la posicion de #logo es absoluta pero relativa a #header, por lo que podrás mover a tu antojo el logo pero "relativamente" y dentro de los límites del width y height del #header.

Recuerda que no es muy buena técnica usar mucha position:absolute, solo cuando sea estrictamente necesario ;)

Espero haber ayudado, cualquier errorcito que encuentren por ahi haganmelo saber.-

[Mikmoro]

Iniciado por ivor

por lo que podrás mover a tu antojo el logo pero "relativamente" y dentro de los límites del width y height del #header.

Espero haber ayudado, cualquier errorcito que encuentren por ahi haganmelo saber.-

Bueno, es una tontería, pero en realidad no se moverá a tu antojo "dentro de los límites" de #header, sino como dices, sólo con respecto a este, ya que las coordenadas podrían ser negativas y por tanto desbordar los límites del padre perfectamente, o incluso el tamaño mucho mayor e igualmente desbordaría, aunque seguiría siendo ubicado con arreglo a éste.

[ivor]

Iniciado por Mikmoro

Bueno, es una tontería, pero en realidad no se moverá a tu antojo "dentro de los límites" de #header, sino como dices, sólo con respecto a este, ya que las coordenadas podrían ser negativas y por tanto desbordar los límites del padre perfectamente, o incluso el tamaño mucho mayor e igualmente desbordaría, aunque seguiría siendo ubicado con arreglo a éste.

Es cierto... gracias por la correción.-