Tecnología

Inicio

Cómo quitar la brecha entre DIVs

Cómo quitar la brecha entre DIVs


Al usar DIVs para posicionar y organizar la información y los objetos en su sitio web, es posible que los bordes de cada DIV para que no se alinean con precisión. Si los DIVs están al ras uno contra el otro o unos pocos píxeles de distancia, es posible forzar a los bordes para que coincida perfectamente. Usando el atributo posición de la DIV se puede eliminar la brecha entre las divisiones y colocar el contenido exactamente donde usted lo desee.

Instrucciones

1 Haga clic para colocar el cursor en el atributo de estilo de su primera DIV. Crear un atributo de estilo mediante la adición de "style =" después de "div" en su etiqueta DIV apertura, si no tiene uno ya.

2 Añadir "position: absolute;" entre comillas después de la etiqueta atributo de estilo. Esto le dice al DIV para permanecer en una posición especificada en la pantalla.

3 Insertar "de arriba: #px; izquierda: #px; anchura: #px; altura: #px;" para especificar el número de píxeles de cada lado para colocar el DIV y la anchura y altura en píxeles. Vuelva a colocar el "#" con el número de píxeles para cada configuración.

4 Repita el proceso para colocar el segundo DIV absolutamente. Para colocar el lado DIVs al lado del otro, añadir el número de píxeles en la etiquetas de "izquierda" de la primera DIV "ancho" y, a continuación, utilizar ese número como el número de "izquierda" para el segundo DIV.

Para posicionar los DIVs una encima de la otra, añadir el número de píxeles de la "altura" y "top" etiquetas y usar ese número para establecer la posición "arriba". Esto obliga a las fronteras para ser una encima de la otra y sin ningún espacio.

Consejos y advertencias

  • El atributo "relleno" le permite eliminar grandes brechas entre DIVs, pero no van a alinear los bordes de la misma línea. Si desea que sus DIVs alineados un número determinado de píxeles de distancia, este método puede ser más simple.
  • Compruebe la sección Recursos para obtener más información.