Tecnología

Inicio

Cómo corregir CSS para Internet Explorer 7

En el diseño de un sitio web, es posible observar que la página web se ve un poco diferente en todos los navegadores. Esto es porque cada navegador lee el código de forma diferente. Las diferencias a menudo tienen que ver con las hojas de estilo en cascada del sitio (CSS). CSS para Internet Explorer 7 puede ser un dolor de cabeza, ya que este navegador tiene tantos problemas de interpretación de código CSS. Por esta razón, hacer un sitio para tener el mismo aspecto en Internet Explorer 7 como lo hace en otros navegadores tiene un par de trucos.

Instrucciones

1 Mantenga CSS 3 de las hojas de estilo. Mientras que otros navegadores son compatibles con la nueva versión de CSS, Internet Explorer 7 no es compatible con gran parte de ella. Lo mejor es mantener el código CSS 3 fuera de sus sitios web hasta que Internet Explorer tiene un mejor soporte para el mismo.

2 Use "text-align" si se desea centrar las etiquetas de división. etiquetas de división, más comúnmente conocidos como "divs", secciones separadas de código HTML. En otros navegadores que hay una trampa para centrar divs en el CSS, que es como la siguiente:

.divtag {

margin-left: auto;

}

Sin embargo, esto no funciona en Internet Explorer 7. Si desea centrar un div, debe agregar el código siguiente CSS:

html, body {

text-align: center;

}

3 Solucionar problemas de margen. márgenes por defecto de Internet Explorer son diferentes de otros navegadores, que hacen diseños de página web parecen extraños. Pega el siguiente código en entre las etiquetas <head> y </ head> en el código HTML.

<! - [If IE]>

<Style>

.marginfix {

margen: 5px;

padding: 10px;

}

</ Style>

<! [EndIf] ->

La <! - [If IE]> etiqueta muestra el código sólo Internet Explorer y endereza los problemas de margen a cabo.

4 Ajuste de desaparecer las imágenes de fondo. A veces, Internet Explorer 7 no se repetirá correctamente las imágenes de fondo, por lo que el fondo se detiene en mitad de la página. La adición de "position: relative" para las correcciones de este CSS. El código es como la siguiente:

.caja {

background: url ( 'background.jpg');

position: relative;

}

5 Evitar el hack selector de hijo; no va a funcionar. En el pasado, si había problemas que hacen una pieza de trabajo de CSS para Internet Explorer, se puede usar un código como el siguiente:

html> body {.divexample

Anchura: 100px;

altura: 100px;

padding: 5px;

background: # 000000;

}

Internet Explorer 6 y por debajo no entiendo "html> cuerpo"; así, cuando Internet Explorer ve a ese código, que se salta. Esto le permite ocultar el código de esos navegadores. Sin embargo, esto ya no funciona en Internet Explorer 7; Por lo tanto, no utilice este código.

6 Utilice el método "link rel" de vincular CSS a una página web en lugar del método de "importación". Hay dos maneras de vincular una hoja de estilos externa a un documento HTML. Uno de ellos es el código de importación, que es como la siguiente:

<Style type = "text / css"> importación "stylesheet.css" @; </ style>

Este método ha caído en desgracia, porque Internet Explorer no siempre se entiende. El siguiente método es mucho más fiable:

<Link rel = "stylesheet" href = "stylesheet.css" type = "text / css" />