Tecnología

Inicio

Cómo mantener DIVs se mueva en la página

Cómo mantener DIVs se mueva en la página


Al crear un sitio web, es importante destacar y diferenciarse de la competencia con un buen diseño, fácil de encontrar información, y la navegación y consistencia. Mantener las barras de navegación, imágenes, texto y otros elementos de su página en la posición prevista añade la consistencia que necesita a través de navegadores, dando a cada espectador la misma experiencia. DIV HTML proporcionan una solución simple y elegante para el mantenimiento de la posición de los objetos en la página.

Instrucciones

1 Agregar una etiqueta de estilo a su división. Estilos le permiten controlar el tamaño y la posición de la ventana DIV.

2 Ajuste la posición del DIV para "absoluta". Esto obliga a la división de permanecer en un lugar establecido.

3 Añadir una distancia en píxeles de coordenadas X e Y de la parte superior e izquierda de la página. Por ejemplo, si desea mantener los DIV 50 píxeles desde la izquierda y 100 píxeles desde la parte superior de la página, añadir "top: 100px; left: 50px;" a la etiqueta. Consulte el paso 4 para un ejemplo.

4 <Div style = "position: absolute; top: 100px; izquierda: 50 px;"> contenido DIV aquí </ div>