[résolu] Html 5, header et section : tout blanc sur ie6

Hello,

j'ai voulu tenter de faire mon cV en full html5.
jusque là tout se passe bien, sur firefox, chrome, opera, ie8...

là où ça coince c'est ie7...il me décale la colonne content

et ie6, mon header est tout blanc...il est bien reconnu, quand on survole on voit le curseur passé au dessus des liens, mais nada, on voit tout en blanc.

j'ai essayé de désactiver mon border radius et d'autres trucs.
Rien n'y fait.
j'ai passé tout en block, pareil.

j'avoue que je vois plus quoi faire ni comment sortir de ce problème, est ce que quelqu'un aurait une idée ou une expérience similaire?


Merci d'avance.
Modifié par mininoise (27 May 2010 - 15:05)

Bonjour et bienvenue,

Tout d'abord c'est la première fois que je vois la syntaxe

<!--[if lte IE 8 & gte IE 7]>

... et ça fonctionne. Merci pour la découverte

Pour revenir à ton problème : as-tu déjà rajouté du zoom:1; sur cet élément, le(s) parent(s), les enfant(s) ? (problème dû à l'absence de hasLayout, un classique IE6 ...)
Une fois cette piste écartée, quelques pistes :
- remplace tes éléments HTML 5 par du HTML 4 classique : div, p, span ... dans la hiérarchie entre l'élément body et les éléments invisibles (sans toucher aux CSS dans un premier temps puis en les adaptant comme header devient #header pour cibler ton nouveau <div id="header">)
- enlève les CSS stylant cette zone-là

Bonsoir Felipe,

merci!
effectivement l'attribut zoom sur la balise header a permis de corriger le bug

header{
	zoom:1;
}

du coup pour IE7, le problème était lié à 2 choses :

- border radius
- et zoom à mettre sur le conteneur central.

donc du coup c'est tout bon, il me reste à faire les modifs pour que firefox2 prennent en compte mon code.

merci de ton aide