Foros del Web » Creando para Internet » CSS »

Duda con posicionamiento absoluto y relativo

Estas en el tema de Duda con posicionamiento absoluto y relativo en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/03/2009, 13:47
Usuario no validado
 
Fecha de Ingreso: marzo-2004
Mensajes: 349
Antigüedad: 13 años, 8 meses
Puntos: 0
Duda con posicionamiento absoluto y relativo

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).
  #2 (permalink)  
Antiguo 25/03/2009, 09:38
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Duda con posicionamiento absoluto y relativo

los elementos absolute se posicionan respecto del padre mas cercano en estado relative
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 25/03/2009, 23:23
Avatar de ivor  
Fecha de Ingreso: abril-2005
Ubicación: Venezuela
Mensajes: 673
Antigüedad: 12 años, 7 meses
Puntos: 2
Mensaje Respuesta: Duda con posicionamiento absoluto y relativo

@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.-
__________________
Twitter: ipad
  #4 (permalink)  
Antiguo 26/03/2009, 17:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda con posicionamiento absoluto y relativo

Cita:
Iniciado por ivor Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 27/03/2009, 08:58
Avatar de ivor  
Fecha de Ingreso: abril-2005
Ubicación: Venezuela
Mensajes: 673
Antigüedad: 12 años, 7 meses
Puntos: 2
Mensaje Respuesta: Duda con posicionamiento absoluto y relativo

Cita:
Iniciado por Mikmoro Ver Mensaje
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.-
__________________
Twitter: ipad
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 09:49.