Cómo establecer una DIV flotante en la parte inferior de la pantalla

Escrito por marie clay | Traducido por eliana caruso
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo establecer una DIV flotante en la parte inferior de la pantalla
El atributo de estilo de HTML permite que los DIV se coloquen en relación con la ventana de navegación. (Comstock/Comstock/Getty Images)

Internet es el formato de medios con mayor crecimiento y mayor expansión en el mundo. Cuando lo que se pretende es difundir información, opiniones, productos o marketing, resulta esencial la creación de un sitio web. Un buen diseño, información clara y concisa y una página que se distinga de la competencia contribuirán a que tu sitio web consiga el tráfico que merece. Una manera de mejorar la disposición de la página y hacer que sobresalga consiste en añadir un DIV (del inglés "Division Block Tag", que significa "etiqueta bloque de división") flotante en la parte inferior de la pantalla, ya sea para navegación o información.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Dirígete a tu etiqueta de DIV. La configuración de posición podrá atribuirse directamente en la etiqueta y no requiere de un archivo CSS aparte.

  2. 2

    Añade una propiedad de estilo a tu DIV. El estilo te permite especificar la altura, el ancho, la ubicación y otros atributos de la división.

  3. 3

    Define la posición del DIV como "fija" y la distancia desde la parte superior en "0px". Por ejemplo: <div style = "width: 100%; height: 40px; position:fixed; top: 0px;"> DIV content here </div>

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles