Problemas con el texto en IE No envolver o flotante

Internet Explorer ha sido notoriamente no compatible con las normas de hojas de estilo en cascada en el pasado - tanto es así que es un ay común de los diseñadores Web que tratan de crear diseños eficaces para múltiples navegadores. Cómo sus flotadores y los abrigos se comportan depende de la versión de Internet Explorer que está utilizando y qué es exactamente lo que estamos tratando de lograr.

Internet Explorer: Versiones y popularidad

La mayoría de los insectos tratados con CSS e Internet Explorer se refieren específicamente a Internet Explorer 6 y 7; éstos tenían la mayoría de los problemas con el cumplimiento de las normas CSS. Internet Explorer 8 sigue siendo la versión más popular de Internet Explorer con un 27 por ciento de los usuarios, en diciembre de 2011. Es seguida por Internet Explorer 9 con 11 por ciento y el Internet Explorer 6 con un 7 por ciento. En el diseño de los diseños es necesario sopesar lo importante que es apoyar a los nichos de mercado de las versiones anteriores de Internet Explorer.

Flotadores, Márgenes y sangrías

Con Internet Explorer 6 hubo varios errores relacionados con flotadores. Un elemento div flotaba - un bloque de contenido que puede ser de estilo con independencia del resto de la página - en Internet Explorer 6 veces termina con un doble margen. Un margen superior se establece en 10 píxeles se convierte en 20 píxeles en Internet Explorer 6. divs flotaba en Internet Explorer 6 también pueden comportarse de forma incorrecta, con base en los márgenes de los elementos que lo rodean. En lugar de mover la totalidad flotaba div más de acuerdo con el otro margen, el div tendrá una primera línea de sangría de texto sin mover el resto de la div. En ambos casos, el problema se puede solucionar mediante la adición de "display: inline;" al elemento flotante.

Envolviéndose alrededor de los flotadores

Internet Explorer 7 se comporta adecuadamente en términos de flotadores de gran tamaño. Si tiene dos flotadores que exceden el ancho de la ventana, que terminarán apilados. Sin embargo, el texto que ha significado para envolver alrededor de los flotadores no se ajusta; se debe comenzar en la parte superior si el primer elemento flotante, sino que comienza en la parte superior de la segunda. Este error se corrigió en Internet Explorer 8.

Los flotadores expandido

En CSS, cuando se crea un elemento, el texto dentro de ella se supone que debe envolver en consecuencia. Si el texto excede el tamaño especificado de la caja, que debe ya sea desbordamiento o ser recortada como se especifica en la hoja de estilo. Sin embargo, en Internet Explorer 6 se expanden los elementos. En algunos casos esto se traduce en elementos de lado a lado para terminar apilado, o elementos terminando demasiado tiempo. Esto se puede solucionar ya sea agregando "overflow: hidden;" al elemento que rompe su diseño, o la adición de Microsoft sólo CSS "word-wrap: break-palabra;" para romper los elementos que amplían la caja.