ubiquitour.com

Internet Explorer 6 técnicas de CSS

Es un trabajo difícil para los desarrolladores web hacer sus sitios completamente compatible con la gran cantidad de navegadores web disponibles, y Internet Explorer 6 no es la excepción. Ampliamente aceptado como un obsoleto y normas hacia atrás programa, Internet Explorer 6 llevará un poco de esfuerzo extra para conseguirlo trabajando con CSS de un sitio.

Apresto de la fuente

Internet Explorer 6 es un poco exigente cuando se trata de cambiar el tamaño de texto. No lo se cambiar el tamaño de texto en pixeles, y exagera texto establecida en de em. Para compensar esto, debe primero definir el tamaño de fuente en el elemento body como un porcentaje y luego usar em durante el resto de tu hoja de estilo.

El código del cuerpo sería como este:

Body {font-size: 75%}

Una vez que usted ha llamado esto, cualquier otro elemento se puede definir como de em. Por ejemplo:

h1 {font-size: 3em}

Tenga en cuenta que el 75% hará que el equivalente de un 12px ajuste, el valor predeterminado es 16px. Estos parámetros, debe obtener resultados de fuente decente con su sitio.

Doble-márgenes en elementos flotados

Uno de los elementos básicos del diseño web es usando "div" para alinear el contenido en grupos para facilitar la gestión de los elementos. En ciertos escenarios, puede "flotar" un div que permite mover un div al lado de otro div, a la izquierda o la derecha. Esto no dejará espacio entre divs, así que debe establecerse un margen para separarlas. El código se verá así:

#left {float: right, width: 400px, margin-right: 10px} #right {float: right, width: 200px}

Los navegadores modernos como Firefox y Safari hacen esto correctamente, mientras que Internet Explorer va doble margen. Por eso exactamente que hace este es desconocido, pero es bastante frustrante como diseñador. Para solucionar este problema, debe agregar la llamada "inline".

#left {float: right, width: 400px, margin-right: 10px, display: inline} #right {float: right, width: 200px, display: inline}

Esto solucionar el problema de doble margen y dejando sin otro navegador.

Expansión de Divs

Como el ejemplo anterior, si tienes dos divs flotados al lado, es práctica común tener un sistema ancho de los divs. Internet Explorer 6 se romperá el esquema si el texto en su interior extiende el ancho declarado. Aquí está el código sin cambios.

#left {float: right, width: 400px,} #right {float: right, width: 200px,}

Esto representará correctamente, pero si hay demasiado dentro de la div #left, el div de #right no se uso correctamente. Para fijar, utilice la llamada de "desbordamiento".

#left {float: right, width: 400px, overflow: hidden} #right {float: right, width: 200px, overflow: hidden}

Esto ocultará el texto desbordado, permitiendo que el div de #right permanecer correctamente posicionada. Tenga en cuenta sin embargo que no no fuerza el texto para envolver, pero salvará la alineación.