[Ovillo] Posicionamiento

[NetVicious]

Hola pepe,

El sábado, 5 may 2007 a las 14:04, escribiste:

> He leido mucho sobre el posicionamiento (absoluto, relativo, estatico,..),
> pero ¿cuando utilizar cada uno de ellos?, sobre todo cuando utilizar
> relativo o estatico, y si para el tema de la accesibilidad es mejor uno u
> otro.

Veamos, primero un poco de teoría ;-)

Relativo = El objeto está dentro del flujo y puede ser desplazado
mediante left,top *partiendo* de su posición inicial al renderizar la
página.

Estático = relativo con desplazamientos 0 (es el por defecto).

Absoluto = El objeto *sale* del flujo del documento y se posiciona por
defecto  en  la  posición 0,0 de *su* contenedor. Puede ser desplazado
con left, top a partir de dicha posición.

Fijo: Es un posicionamiento absoluto sólo que lo hace a nivel de
página para permanecer siempre visible y en el mismo sitio aunque se
haga scroll de la página.

----

Partiendo  que  el posicionamiento por defecto es el estático/relativo
este es el que se usa prácticamente como modo normal.

El absoluto se emplea cuando quieres posicionar algo exactamente en
una posición y que se superponga a algo. También suele utilizarse
cuando quieres hilar fino y posicionar las cosas a mano sin depender
de nada más.

El fijo suele emplearse para cabeceras o pies de página que siempre
quieras que sean visibles aunque se haga scroll de la página. Otra
función es para mostrar las típicas ventanitas de "cargando" o
anuncios publicitarios cojoneros que te obligan a cerrarlos.

Yo  no  diría  que  no son recomendados. Ya que puedes tener todos los
posicionamientos  y  la  página  ser accesible. Yo pondría sugerencias
para que no dificulten la accesibilidad de un sitio.

-  No  cargues  una  zona de objetos posicionados absolutamente ya que
podrían dificultar su legibilidad.

- Texto o imágenes posicionadas absolutamente en divs puede impedir la
correcta  legibilidad  cuando se incremente vía navegador el tamaño de
las fuentes de la pantalla.

> Viendo los ejemplos de la lista, en general los ejemplos de la misma no
> especifican el tipo de posicionamiento en las hojas de estilos por lo que se
> asume estatico ¿es esto lo mejor?

Veamos, si en la CSS no se indica position: el posicionamiento es
estático.


-- 
  /\    /
 /  \  /     \  /
/    \/ e t   \/ i c i o u s
   ........................