Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/02/2011, 18:00
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 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.