28172 sujets

CSS et mise en forme, CSS3

Prob d'affichage sous IE8

Bonjour, j'ai un souci d'affichage sous IE8, d'un site en cours de finalisation. Partie du milieu et partie basse. Comme si IE8 ne comprenait pas li { display: inline-block }...

Je sollicite donc votre aide, mes biens chers Maîtres
http://www.comdec-paal.fr
Bonjour,

Il me semble que c'est bel et bien le cas. IE8 ne supporte pas la valeur inline-block. Certaines versions d'IE8 le supporte mais avec un certain doctype je crois. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


source (stack overflow)

Après ça ne vaut pas forcement le coup de repasser sur du XHTML quand tu fais du HTML5.
Avec une feuille de style dédié à ie8 permetterait de bidouiller un peu Smiley lol

Si tu ne connais pas déjà, je te conseille d'utiliser HTML5BOILERPLATE. Je m'en sers assez souvent. C'est une bonne base de travail. Je te conseille surtout de lire la doc qui apporte bon nombre d'astuces glané ici ou là.
Ce qui est intéressant vis à vis de ton cas ici ce sont les commentaires conditionnel sur la balise html. Ça permet une gestion plus simple et moins lourde que d'importer une feuille de style en plus. (Moins il y a de requetes http mieux c'est Smiley langue )

Le site que tu as mis en lien ne semble pas correspondre à celui où tu as ton problème. C'est une page en construction. J'ai regarder dans le CSS et aucuns signes de définition du inline-block.
Modifié par mathieuh (10 Aug 2013 - 02:13)
Salut, Smiley smile

Si tu utilises le hack CSS inline-block normalement destiné à IE7 et moins, ça marche ou pas ?
A savoir rajouter :

*display:inline;
*zoom:1;
Bonjour,

Je vous remercie de vos réponses. J'ai dû remettre la page d'accueil au bout de quelques jours, raison pour laquelle @mathieuh est resté un peu sur sa faim, désolé.

Pour répondre et clôturer ce sujet, je dirais que :
1/ Non, ça ne fonctionnait pas avec display:inline et zoom:1
2/ En fait, le problème venait d'un bug d'IE8 qui ne comprenait pas une liste positionnée avec dans le fond un slider, ça foutait en l'air absolument tout le design, très bizarre. En procédant par élimination, j'ai viré cette liste et là, tout s'est affiché impeccablement.

Je suis désolé de ne pas documenter plus précisément mais ca remonte un peu maintenant et j'ai écrasé la version défectueuse de mon code.

Merci pour votre aide, bien cordialement.
Sujet clos
Aller à