Problème CSS : bug d'affichage sous IE

[manuura]

Bonjour à tous,

je développe actuellement une page pour une amie et je souhaiterais vous faire part d'un bug d'affichage sous IE que j'ai déjà rencontré à plusieurs reprises et pour lequel je n'ai jamais trouvé de solution.

La page en question :
http://manuura.net/chloe/_site/index.html

Les textes de mes titres (ici les <h2>) s'affichent de manière assez aléatoire. Au moment du chargement de la page, ceux-ci n'apparaissent pas et ils faut les selectionner ou bien scroller la page pour les faire apparaître. Il semblerait que cela arrive lorsqu'ils sont suivis d'un menu positionné en css mais je ne sais vraiment pas quoi faire pour éviter ce bug.

J'espère avoir été assez clair et remercie par avance ceux qui se pencheront sur mon problème. :wink:

 

[Marie-Aude]

àa doit être le "pekaboo bug"

Essaie de mettre position:relative; dans le css du conteneur.

 

[manuura]

àa doit être le "pekaboo bug"

Essaie de mettre position:relative; dans le css du conteneur.

Le conteneur est déjà en position relative.
Ok je vais faire des recherches sur le "pekaboo bug".

Merci

 

[willy85]

<!--[if IE]>
<style type="text/css">
#h2{height:1%;}
</style>
<![endif]-->

sinon essaye ça

 

[Marie-Aude]

<!--[if IE]>
<style type="text/css">
#h2{height:1%;}
</style>
<![endif]-->

sinon essaye ça

Oui c'est une autre solution

 

[manuura]

<!--[if IE]>
<style type="text/css">
#h2{height:1%;}
</style>
<![endif]-->

sinon essaye ça

J'ai testé et ça fonctionne parfaitement. Pas très propre mais efficace et avec IE...

Bravo et merci à vous 2 :wink: