Tecnología

Inicio

El bloque de visualización no funciona en IE

La propiedad de presentación es reconocido por una variedad de navegadores, incluyendo Internet Explorer. Sin embargo, las versiones anteriores del navegador han experimentado problemas técnicos con esta propiedad, especialmente cuando se cierne sobre los elementos. Actualizar su navegador debe hacerla compatible con las normas. Los errores humanos, tales como un error tipográfico, también pueden causar la propiedad de presentación para actuar de forma inesperada.

Comportamiento elemento

La propiedad CSS display define cómo los elementos HTML, como las capas div, listas y párrafos se ocupan de contenidos que les rodea. De forma predeterminada, los elementos pueden aparecer como un bloque, lo que significa que el elemento ocupa todo el ancho disponible de su contenedor principal que aparece sobre una línea separada del contenido que aparece antes o después del objeto. Por el contrario, un elemento en línea toma una cantidad mínima de espacio, que puede definirse por el contenido dentro del elemento, y aparece en la misma línea que los elementos circundantes. Por ejemplo, una capa div es un elemento de bloque que aparece en su propia línea, mientras que un lapso sólo será tan amplia como las imágenes o texto que contiene y compartirá la línea con otros objetos.

Especificación de la exhibición

Si desea que los objetos que utilizan el comportamiento distinto de la pantalla por defecto, puede utilizar CSS o las hojas de estilo en cascada, para forzar el objeto a comportarse de otro modo. En el siguiente ejemplo, el lapso se convierte en un elemento de bloque y se traslada a su propia línea:
<Span style = "display: block"> Su contenido aquí </ span>

Del mismo modo, se puede forzar tablas o divs aparezca en línea mediante el establecimiento de la propiedad de presentación de inline. Otro de los valores comunes de esta propiedad es "ninguna". Utilizando este valor hará que el objeto invisible para el ojo.

Visualización e Internet Explorer

Al utilizar Internet Explorer 5 a 9, el navegador debe rendir hacer que la propiedad de presentación correctamente, cuando se establece un objeto para mostrar como una caja de bloque. Un bloque de línea, que actúa como un bloque, pero se mantiene en la misma línea, no es compatible con Internet Explorer 5.5 y no es soportado por completo en las versiones 6 o 7. Internet Explorer puede actuar cuando se cierne sobre los elementos de bloque, tales como luces, en el interior normalmente los elementos en línea como enlaces. Ajuste tanto el enlace como el lapso que se vea como bloques, establece el enlace a transparente y configurar la duración de visible en vuelo estacionario para remediar esto. En el siguiente ejemplo, el ancla tiene un ID de "enlace" y tiene la duración de una clase de "ejemplo":

vincular un {display: block; } Vincular un .ejemplo {display: block; visibility: hidden; } Vincular a: hover {background-color: transparente; } Vincular a: hover {.ejemplo visibilidad: visible; }

Solución de problemas

Asegúrate de que sólo utiliza un elemento de presentación en su hoja de estilo. Retire cualquier propiedades redundantes de su margen de beneficio. Tenga en cuenta que si se establece la propiedad de presentación de "heredar" el elemento utilizará la propiedad de presentación de su elemento padre y no puede aparecer como un bloque. Asegúrese de que el selector coincide con el nombre del elemento en la hoja de estilo. Por ejemplo, si usted quiere hacer todos los tramos con el "bloque" clase aparecer como un elemento de bloque, se debe utilizar el ".block" selector. Sin embargo, si quieres un solo tramo, denominado bloque, para ser un bloque, utilice el ID de "#BLOQ". Asegúrese de que haya escrito el selector de la misma en ambos lugares también.