28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous les Alsanautes,
J'espère que vous allez bien.

Voilà, je vous écris car je recontre un problème que je n'arrive pas à résoudre.
Pour un site web sur lequel je travail j'utilise les nouvelles balises HTML5.

Pour pouvoir faire marcher tout ça sur IE, j'ai bien utilisé le script javascript suivant :

 <!--[if lt IE 9]>
       <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->


Et CSS :

article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video { 
	display:block
}


Pourtant malgré ça je rencontre un bug étrange avec la balise <figure>.
En effet lorsque je mets un position:absolute, sur une balise <figure> celle-ci disparaît tout simplement sur IE8.

Je n'ai pas ce bug avec IE7, du coup je comprends pas trop d'où ça peut venir.
Est-ce que quelqu'un a déjà rencontré ce bug ? Existe-t-il une solution ?

Merci d'avance Smiley smile
bonjour,

je ne pense pas à un problème lié à la balise <figure>
une piste : j'ai lu qque part qu'un bug - qui ressemble à ton souci - pouvait survenir aléatoirement avec IE lorsque un élément en "absolute" était juste avant ou après un élément en "float".
est ce le cas pour toi ?
Salut o06,
Merci pour ta réponse.

En fait j'ai trouvé d'où venait le bug.
Effectivement il ne venait pas de la balise <figure>, mais parce que je n'avais pas mis d'attribut height sur l'image incluse dans ma balise figure.

Bizarrement ce bug ne se produit que lorsqu'on utilise la balise <figure>, avec une image qui est envoyé par Wordpress (thumbnail : <?php the_post_thumbnail(); ?>).

Etrange...mais bon j'ai corrigé mon problème.
Merci encore Smiley smile