Cómo colocar un DIV dinámicamente

En el diseño y la publicación de un sitio web, una gran cantidad de concentración y preparación debe ir a la organización y el diseño. Con el auge de los dispositivos de visualización alternativos, tales como teléfonos móviles y tabletas, es más importante que nunca para colocar objetos en la página de forma dinámica por lo que el sitio se muestra correctamente en todas las plataformas con diferentes resoluciones. Ajuste de los DIVs para posicionarse de forma dinámica es un método rápido y eficaz de establecer un diseño de página uniforme para todos los espectadores.

Instrucciones

1 Añadir un DIV a su página escribiendo "<div>" para comenzar la división y "</ div>" para acabar con ella. Todo el contenido situado entre el principio y códigos de finalización se mostrará en el DIV.

2 Insertar "style =" position: fixed; "" después de "div" y antes del paréntesis de cierre en la etiqueta DIV comienzo de posicionar dinámicamente la división con respecto a la ventana del navegador. Reemplazar "fija" con "absoluta" si se quiere posicionar el DIV basado en un porcentaje del espacio de la ventana.

3 Añadir "top: #px; izquierda: #px;" después de la coma de la declaración añadido en el paso 2. Reemplazar "#" con el número de píxeles de distancia de la parte superior e izquierda de la ventana del navegador que desea que aparezca el DIV. "Derecha" e "inferior" puede ser utilizado en lugar de "superior" e "izquierda".

4 Reemplazar "px" con el signo de porcentaje (%) para crear el DIV a través de un porcentaje del espacio de la ventana. Por ejemplo, si desea que el DIV para comenzar en el centro de la ventana del navegador, utilice la "izquierda: 50%." Por ejemplo: <div style = "position: fixed; arriba: 50px; derecha: 30%;"> DIV contenido va aquí </ div>