8
votes

Comment réparer l'affichage: Inline-Block sur IE6?

Comment corriger Affichage: Inline-Block; sur IE6?

ma page HTML http://www.farsoft.org/TorTorialTools/slideshow/

puis-je obtenir le même résultat d'une autre manière?

texte alt


1 commentaires

Vous avez enregistré vos fichiers CSS avec une norme UTF-8 et vous les servez sans charset dans l'en-tête de type de contenu. Je suggérerais de le réparer aussi. Je ne sais pas comment IE6 réagirait sur la présence de la nommée UTF-8 incorrectement codée avant la première règle du CSS.


3 Réponses :


4
votes

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

dans IE6, vous pouvez définir l'affichage: Inline-Bock uniquement sur des éléments en ligne réels tels que l'étendue ou un.


1 commentaires

Quelqu'un pourrait-il expliquer pourquoi ma réponse est votée? Impossible de ne voir aucune Missinformation ici. IE 6/7 Accepte l'affichage: Valeur de bloc en ligne uniquement sur des éléments avec un affichage naturel: en ligne. Pour vérifier ici QuirksMode.org/css/display.html



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

0 commentaires

12
votes

Vous devez ré-spécifier Affichage: Inline; Code> sur des éléments de niveau de bloc dans vos feuilles de style IE.

html: p>

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


3 commentaires

Je sais que c'est super vieux mais pour d'autres qui viennent ici (comme moi-même), vous n'avez pas besoin d'un commentaire conditionnel pour cela. Tout ce dont vous avez besoin est .ImagesLideshow {Affichage: Inline-Block; * Affichage: Inline; Zoom: 1;} et cela fonctionnera très bien. IE6 & 7 sont les seuls navigateurs qui reconnaissent * affichent donc tous les autres l'ignorera.


Il est sans doute plus élégant d'utiliser des condomes, cependant, mais pour la succincité et si vous vous souciez de la validation parfaite, allez-y.


Cela dépend si vous pensez que l'ajout de balise supplémentaire dans votre structure est plus succinct et sémantique par rapport à l'ajout de deux autres attributs de votre CSS (où des éléments de conception sont censés vivre.) Mais vous avez raison, vous pourriez discuter de toute façon en fonction de votre position sur ce front.