Tecnología

Inicio

Cómo eliminar DIV Gap con la declaración en el IE

December 13

navegador de Microsoft Internet Explorer agrega un margen de tres píxeles entre contenedores DIV flotantes, que pueden causar problemas de representación cuando un diseño de página Web depende espaciado exacto. Este problema de representación se llama la "brecha de IE DIV." Puede corregir esta peculiaridad del navegador mediante la adición de una sentencia condicional de su código de la página Web. Esta sentencia condicional inserta unas pocas líneas de código CSS que corrige el problema cuando la página web se ve utilizando Internet Explorer.

Instrucciones

1 Abra su página Web como un documento de texto, haga clic sobre él y haciendo clic en "Abrir con". Haga clic para seleccionar "Bloc de notas" o "WordPad", y haga clic en "Aceptar".

2 Identificar los contenedores DIV flotantes que están mostrando el error brecha IE DIV. Las pantallas de errores cuando dos contenedores DIV utilizan el mismo argumento "flotar", tales como "float: left;". Una brecha de tres píxeles aparece entre los contenedores DIV.

3 Busque el contenedor DIV que se muestra en el lado donde los DIVs son flotantes. Haga clic para colocar el cursor a la izquierda de la abrazadera y antes de poner fin a la etiqueta de apertura DIV.

4 Tipo "id =" gapcorrection ' "para asignar una propiedad" ID "para el contenedor DIV.

5 Haga clic para colocar el cursor entre el "<HEAD>" y "</ HEAD>" etiquetas cerca de la parte superior del documento.

6 Tipo "<! - [If IE]>" para abrir una etiqueta de condición y presionar "Enter".

7 Tipo "<style type =" text / css ">" y pulse "Enter" para abrir la etiqueta script CSS.

8 Tipo "#gapcorrection {display: inline; margen derecha: -3px;}" si los contenedores DIV utilizan el "float: left;" propiedad. Tipo "#gapcorrection {display: inline; margin-left: -3px;}" si los contenedores DIV utilizan el "float: right;" propiedad. Presione ENTRAR."

9 Tipo "</ style>" y pulse "Enter" para cerrar la etiqueta de script CSS.

10 Tipo "<[endif] ->" para cerrar la etiqueta condicional.

11 Haga clic en "Archivo" y "Guardar" para guardar el documento con la brecha IE DIV código de corrección condicional.

Consejos y advertencias

  • Si el DIV ya se ha asignado una propiedad "ID", añadir el "margin-left: -3px;" o "margin-right: -3px;" línea de código para el código CSS existente para el contenedor DIV.