Foros del Web » Creando para Internet » CSS »

position anidados

Estas en el tema de position anidados en el foro de CSS en Foros del Web. Si quiero hacer un container, con otro containeren us interior y otro container en el interior de este segundo (A->B->C) y ajustar la posicion de ...
  #1 (permalink)  
Antiguo 11/02/2011, 17:14
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
position anidados

Si quiero hacer un container, con otro containeren us interior y otro container en el interior de este segundo (A->B->C) y ajustar la posicion de cada uno respecto a la posición del padre:

A. el contenedor pinal deberá llevar position: relative
B.Aqui es donde viene mi duda: deberá llevar position:absolute y tambien position:relative para que el sigueinte conenedor C se posicio respecto el co position:absolute, es esto cierto ¿no?

es que busco esto pero no doy encontrado nada en claro. Gracias!
  #2 (permalink)  
Antiguo 11/02/2011, 17:57
Avatar de function  
Fecha de Ingreso: abril-2010
Mensajes: 278
Antigüedad: 7 años, 7 meses
Puntos: 13
Respuesta: position anidados

si haces un caontainer, el hijo debe respetar las dimensiones (solo el width debe estar declarado no el height) del padre, y consecuentemente
__________________
~# echo Hemos logrado la independencia, pero no la libertad >> SimonBolivar
  #3 (permalink)  
Antiguo 11/02/2011, 18:00
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: position anidados

Lo cierto es que hay diferentes maneras de hacer lo mismo. En cada ocasión merecerá la pena un tipo de posicionamiento u otro.
El control más estricto lo consigues dándole al hijo la propiedad position:absolute. El padre debe tener cualquier posición diferente de static. Es decir fixed, relative o absolute.
El contenedor con la posición absolute se sitúa mediante top,left,right,bottom que aceptan valores positivos y negativos.
Otra posibilidad es el posicionamiento relativo (position:relative). Mediante las propiedades top,left, right y bottom desplazamos el contenedor con respecto a la posición que ocuparía normalmente.
Por último, puedes utilizar los márgenes superior derecho, etc con la propiedad margin. De esta manera no necesitas añadir la propiedad position. Con margin:0 auto puedes conseguir centrar horizontalmente un div dentro de otro.
Hay combinaciones diferentes a partir de estas más simples, como utilizar un margen que puede ser negativo a la vez que posicionamos mediante otro método.
También puedes aprovechar la propiedad padding del padre para situar al hijo.
Más información en cualquier buen manual de CSS.
  #4 (permalink)  
Antiguo 12/02/2011, 03:46
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
Respuesta: position anidados

Entiendo las formas, pero mi duda es era si puede ser un hijo posicionado de manera absoluta y este hijo a la vez padre de otro hijo que se posicione de manera absoluta sobre el, osea ciñiendonos al position, puede tener el mismo contenedor las propiedades absolute y position? Suena raro pero podría ser?? Gracias por la ayuda de todos
  #5 (permalink)  
Antiguo 12/02/2011, 13:31
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: position anidados

Puedes usar las veces que quieras la posición absoluta anidada. No hay nada de raro en lo que planteas. La única limitación es que la primera posición absoluta que aparezca tomará como posición la ventana del navegador en lugar de la de su padre si el padre no tiene una posicion diferente a static, que es la que toma cualquier elemento si no se indica lo contrario.
Todos sus hijos con posición absoluta se posicionan respecto a sus respectivos padres.
  #6 (permalink)  
Antiguo 12/02/2011, 17:44
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
Respuesta: position anidados

osea solo con un position:relative y los hijos todos con absolute se posicinania uno respecto al otro hijo asi sucesivamente..
  #7 (permalink)  
Antiguo 13/02/2011, 12:57
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: position anidados

Parece que has entendido lo que quería explicar.
Sólo una aclaración. El padre de todos ellos no tiene porqué tener necesariamente position:relative. Es una posibilidad, pero también puede tener position:absolute o position:fixed.
  #8 (permalink)  
Antiguo 13/02/2011, 17:38
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
Respuesta: position anidados

Perfecto. Gracias sanxuan

Etiquetas: anidados, position
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 18:21.