2010-09-20 6 views
8

Cómo reparar display:inline-block; en IE6?Cómo reparar la pantalla: inline-block en IE6?

Mi html Página http://www.faressoft.org/tutorialTools/slideShow/

puedo obtener el mismo resultado en otra forma?

alt text

+0

Has guardado tus archivos CSS con una BOM UTF-8 y los estás sirviendo sin un juego de caracteres en el encabezado del tipo de contenido. Sugeriría arreglarlo también. No estoy seguro de cómo IE6 reaccionaría ante la presencia de la BOM UTF-8 incorrectamente codificada antes de la primera regla de CSS. – BalusC

Respuesta

12

Tienes que volver a especificar display:inline; de elementos de bloque en sus hojas de estilo IE.

HTML:

<div class="ImageSlideShow">blah</div> 

CSS REGULAR:

.ImageSlideShow { display:inline-block; } 

IE CSS:

<!--[if lt IE 8]> 
<style> 
.ImageSlideShow { display:inline; zoom:1; } 
</style> 
<![endif]--> 

Ver: http://work.arounds.org/using-inline-block-ie7-and-ie6/

PRIMA:

También debe especificar display:inline; para .ImageSlideShow .ImageNum {} para aliviar otro error de IE.

+4

Sé que esto es muy antiguo, pero para otros que vienen aquí (como yo) no necesita un comentario condicional para esto. Todo lo que necesita es .ImageSlideShow {display: inline-block; * pantalla: en línea; zoom: 1;} y funcionará bien. IE6 y 7 son los únicos navegadores que reconocen * mostrar para que todos los demás lo ignoren. –

+0

Podría decirse que es más elegante usar condcoms, pero para ser sucinto y si no te importa la validación perfecta, adelante. –

+0

Eso depende si crees que agregar marcado extra en tu estructura es más sucinto y semántico en comparación con agregar dos atributos más en tu CSS (donde se supone que los elementos de diseño deben vivir). Pero tienes razón, podrías discutir de cualquier manera dependiendo de tu posición en ese frente. –

4

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

En IE6 puede establecer display: inline-bock sólo para los elementos en línea reales como lapso o una.

+0

¿Alguien podría explicar por qué mi respuesta es rechazada? No puedo ver ninguna información errónea aquí. IE 6/7 acepta visualización: valor de bloque en línea solo en elementos con una visualización natural: en línea. Para verificar aquí http://www.quirksmode.org/css/display.html – gearsdigital

+0

Lea la respuesta seleccionada. –

+0

Se arregló mi problema, gracias. –

5
* html p { display: inline; zoom: 1; }