Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/07/2007, 12:11
Tigervlc
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 20 años, 10 meses
Puntos: 3
Re: problemas con posicionamientos

para poner un div centrado hay varias formas como la del text-align:center o los márgenes automáticos, pero creo que de las conocidas, la más efectiva es la de tener el contenido en 2 divs anidados, y darle al div externo un padding-left:50% y un ancho fijo, p.ej. 300px (o sea, le das al div un relleno izquierdo de forma que lo desplaces hasta colocar su borde izquierdo en el centro inicialmente), y al div interno un margin-left negativo de la mitad del ancho del padre, o sea, margin-left:-150px (de forma que ahora "estiras" el div interno hacia la izquierda para centrar el contenido del todo).

Con eso y poniendo el margen y relleno de body a 0 lo tendrás centrado.

En cuanto a la propiedad position:

el navegador va leyendo el código HTML de la página de forma ordenada, de arriba abajo y de bloques padres a bloques hijos. Ese es el flujo normal de lectura y posicionamiento de los elementos. Conforme los lee, los coloca en su sitio siguiente.

Con posicionamiento absoluto, el bloque en cuestión se sale de ese flujo, y se colocará justo en la posición que le digas, teniendo como origen de coordenadas la esquina superior-izq del navegador. Entonces, el elemento siguiente pasará a ocupar la posición que hubiera ocupado el elemento posicionado absolutamente si no hubiera sido posicionado de esta manera, volviendo al flujo normal de lectura, o sea, el elemento siguiente se comportará como si el elemento posicionado de forma absoluta no existiera.

El posicionamiento fixed es exactamente igual al absolute, solo que el elemento no es afectado por el scroll. Siempre permanecerá en la posición inicial.

Con posicionamiento relativo, el bloque en cuestión se posiciona o desplaza (si se le da un desplazamiento) a partir de su posición original en el flujo de lectura. Su origen de coordenadas a la hora de situarlo digamos que no es el inicio del documento como en el pos.absoluto, sino la posición que ocuparía dentro del orden que lleva en el documento. Los elementos sucesivos se comportarían como si el bloque posicionado de forma relativa estuviera en su lugar original.

El posicionamiento static no sabría decirte si es el posicionamiento normal, o es que el W3C ya no lo contempla.

Aquí tienes unos enlaces de interés (en inglés):

http://www.w3schools.com/css/css_positioning.asp
http://www.w3.org/TR/CSS21/