Posición de capas con CSS en la maquetación de páginas web

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

También te podría gustar...

Sobre este artículo

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

Licencia: Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Diseñador web y gráfico afincado en Uruguay. Ha trabajado como freelance para empresas de toda Latinoamérica y España. Apasionado del diseño y autodidacta por naturaleza, gran parte de lo que sabe lo ha aprendido de sitios como este.

10 Respuestas

  1. Verónica

    Gracias Ivan! bien visto. Era una errata, la he corregido.

    Un saludo.

  2. Ivan

    En la caja uno dice relavite en vez de relative.alguien se puede confundir.

  3. Luis

    Hola:
    Creo que hay un error. EN uno de los ejemplos dices:
    Una capa estática anidada en una capa absoluta cuya capa precedente es una capa con posición relativa. Capa 1 con posición “relative”, capa 2 con posición “absolute”, capa 3 con posición “static”. El resultado puede verse en la sexta ventana de la imagen de ejemplo.

    Como puede apreciarse, la capa 2 ignora la posición de la capa 1 y se posiciona respecto del elemento body.
    Y yo pregunto ¿Si la capa 2 es absoluta y la uno relativa, no debería posicionarse dentro del flujo de ésta y no en el de body?.
    Un saludo y muy buen artículo.

  4. Verónica

    Lbra acabamos de corregir el error. Muchas gracias por el aviso ;)

  5. Ibra

    Hay una errata en el apartado fixed en la tercera línea:
    “…Al igual que cuando se determina el valor “relative”, el elemento sale del flujo del documento…”
    Sería “absolute” en lugar de “relative”

    Estupendo documento, que tarde tan productiva estoy pasando, gracias.

  6. FireZtarDS

    El lugar donde se ubican las capas con posicion absoluta es afectada por la resolucion de pantalla?

  7. Fernando

    Excelente articulo, muy claro y explícito, incluso para mí que no soy un programador profesional.

    Solo una observación; me parece que el orden de las figuras 2 y 3 esta invertido. De acuerdo al flujo de tu redacción y, como no están numeradas las figuras, uno se confunde al principio y piensa que hay una contradicción entre lo que ve y lo que lee.

    De todos modos sigue siendo un excelente artículo, al igual que los demás que vengo leyendo hasta ahora.

  8. Daniel Perez

    Muy bueno este articulo y muchos de aquí. Te felicito por la página, es verdaderamente muy entendible. Gracias.

  9. Agustín Pérez García

    Gracias de antemano, es dificil encontrar calidad y claridad juntos.

    Dices que en la propiedad absoluta…
    “Si el elemento con posición absoluta no está contenido dentro de otro elemento, se posiciona respecto del elemento body. En caso contrario, su posición es referida al elemento padre.”

    Sin embargo en el ejemplo absoluta dentro de estática…
    “Veremos que la capa 3 ignorará a la capa padre y a la capa 1, posicionándose respecto del elemento body. (ver segunda ventana de la imagen de ejemplo)”

    ¿En qué quedamos? ¿Ignora o por contra, se posiciona con respecto al padre? ¿Tal vez capa2 NO es el padre de capa3?

    Gracias!

  10. Carlos

    De lo que había estado consultando esta es la mejor explicación

Deja un comentario

El email no se publica. Todos los campos obligatorios, salvo Web.

Centro de preferencias de privacidad

Cookies imprescindibles

Cookies que son necesarias para que el sitio funcione correctamente.

gdpr

Cookies de terceros

Se utilizan para rastrear la interacción del usuario y detectar posibles problemas. Nos ayudan a mejorar nuestros servicios al proporcionar datos analíticos sobre cómo los usuarios usan este sitio.

_ga, _gid, _gat