Los métodos para DIV Elementos

Los desarrolladores web han sido durante mucho tiempo la posibilidad de personalizar y organizar el contenido a través de la gestión tediosa de marcos, tablas y pesada Javascript. Los mismos de posicionamiento y de organización beneficios ahora se pueden obtener mediante el uso de una división (o "DIV") sin la molestia de los métodos más antiguos. Existen múltiples métodos para el uso de los elementos DIV utilizados para crear sitios web profesionales con un mantenimiento menos dolorosa.

posicionamiento

Al crear una página web, los desarrolladores quieren asegurarse de que todo el contenido se visualiza en la ubicación adecuada para cada usuario, dando la uniformidad sitio y profesionalismo. Las divisiones son capaces de ser posicionado absolutamente, es decir, si quieres una imagen para que aparezca 75 píxeles desde la parte superior de la página y 150 píxeles de la parte izquierda de la página, que es donde aparecerá independientemente del navegador utilizado para ver el sitio . Haciendo uso de la posición absoluta permite a cada elemento que se coloca perfectamente. Véase el primer enlace en la sección Recursos para obtener información sobre el uso de posicionamiento absoluto.

marcos

Debido a su capacidad de mantener una posición absoluta, muchos desarrolladores utilizan elementos DIV en lugar de marcos HTML tradicionales. En lugar de un marco horizontal tal como una cabecera, un DIV con una determinada altura y una anchura de 100% se crea; para los marcos verticales, se utiliza un ancho establecido y una altura de 100%. La distancia desde la parte superior o inferior izquierda o derecha y entonces se fija a cero, por lo que el DIV aparece en un marco tradicional haría. Este método es preferible, como marcos son obsoletos y que, de acuerdo con W3, ya no pueden ser compatibles con las versiones futuras de HTML debido a su incapacidad para imprimir correctamente marcos o crear marcadores adecuados para los usuarios.

Mesas

Otro elemento susceptible de ser sustituido por un DIV es la tabla. Tablas se han utilizado tradicionalmente para la organización, el posicionamiento y la alineación de contenido. A menudo, esto requiere la creación de muchas tablas anidadas y la gestión de múltiples filas y columnas, y un cambio de diseño a menudo requiere la alteración de toda la tabla. DIVs, por otra parte, permiten a los desarrolladores para alinear cualquier lado especificado de objetos hacia el pixel, sin la preocupación por margen, el relleno o la alineación celular. Divisiones también se pueden anidar - de manera similar a las tablas - para permitir el posicionamiento relativo basado en el DIV padre. Esto asegura que cada navegador muestra el contenido correctamente y ahorra una gran cantidad de tiempo durante el desarrollo.

Flotador

Al crear contenido para su sitio web, es posible que la necesidad de posicionar una imagen, publicidad u otro contenido a un lado u otro de su texto. En lugar de posicionar el DIV absolutamente o tener el texto aparezca detrás de la división, la propiedad de "flotación" se puede utilizar. La creación de un DIV y obligándolo a flotar hacia la izquierda o hacia la derecha posicionará automáticamente en el extremo derecho del sitio o de la DIV que contiene y decirle texto y otros contenidos para envolver alrededor de ella en lugar de fluir por debajo o por encima de él. Esto permite la flexibilidad para futuras modificaciones de la página y elimina la necesidad de utilizar las propiedades de índice z con el DIV. Véase el segundo enlace en la sección Recursos para obtener información sobre el uso de la propiedad float.

Posicionamiento del navegador

Algunos sitios web ahora hacen uso de un área de contenido que aparece a seguir mientras se desplaza hacia abajo o se pega a una ubicación específica en la pantalla sin afectar el contenido por debajo de ella. Muchos sitios utilizan complejos Javascript para hacer esto, pero el mismo efecto se pueden utilizar creando ventana relativa posicionamiento navegador. El atributo de posición "fija" le permite establecer una distancia de cualquiera de los dos lados de la ventana del navegador y fuerza el contenido del DIV para aparecer en ese lugar. A diferencia de posicionamiento absoluto, DIVs de posición fija seguirá siendo la misma ubicación en la pantalla cuando los rollos de visualización. Esto es útil para los elementos que necesita para aparecer en la página en todo momento. Véase el primer enlace en la sección Recursos para obtener información sobre el uso de posición fija.