[Résolu] Bug d'affichage sur IE 6

Bonjour,

Je suis actuellement en train de développer une sorte d'intranet. On pourrait même dire que c'est terminé. Cela dit, un problème sérieux s'est présenté à moi. Après moult recherches sur internet, j'en viens à vous.

Il s'agit d'un bug assez bête, le voici en image :
Ici, le résultat escompté (vu sous Firefox) : http://imgs48.picturup.fr/j84t17c1/v52c.jpg
Ici, le résultat obtenu sous IE 6 : http://imgs39.picturup.fr/o56j88p3/v59j.jpg
Ici, un aperçu de ce qui ne va pas : http://imgs20.picturup.fr/e81m34b1/w17y.jpg

Comme vous pouvez le voir, sous IE6, le titre, ainsi qu'une partie du texte est tout simplement invisible, et n'apparait que lorsqu'on le sélectionne. Ceci est plutôt gênant.

Je me suis dans un premier temps interrogé sur le CSS, n'est-ce pas moi qui ai placé une propriété qui provoque ce problème ? J'en doute, mais voici tout de même comment mes styles sont organisés : (aperçu du site avec mise en valeur des div (sous Firefox avec Webdevelopper) :
http://imgs33.picturup.fr/g48v87s8/y99a.jpg

body {
	margin:0;
	padding:0;
	height:100%;
	text-align:left;
	background: #6088C2 ; /*#6088C2 ;305892*/
}
body, p, table, td {   
	font-family: verdana, arial,helvetica; 
   	font-size: 11px;
   	color: #343434;
	margin: 0 auto;
}
h1 {
	font-size:1.6em;
	font-weight:bold;
}
...
div .recherche
{
	width: auto;
	margin: 10px ; 
	padding: 5px;
	background:#fafafa url(images/ploupe.gif) no-repeat right bottom; 
	border: 1px solid #eee ;
	clear:both;
	display:visible;
}
...
div .aide
{
	text-align:left;
	margin : 10px;
	padding : 10px;
	border: 1px solid #dfe ;
	background: #ced url(images/int.gif) no-repeat right bottom;
	font-size:1.1em;
	color:#184;
	display:visible;
}

Dans les styles, il me semble que tout est correct.

Aussi, le site est géré, entre autre, avec Smarty. Il s'agit en fait d'un framework développé par un collègue. Le problème pourrait-il venir de là ?

Par avance merci !
Modifié par raymitronic (07 Aug 2007 - 14:07)

Bonjour,

Malgré toutes les informations données, ça serait plus simple avec une page en ligne.
De loin, ça m'évoque le Peek-a-boo IE6 Bug:
http://www.positioniseverything.net/explorer/peekaboo.html
Mais je ne vois pas de flottant ou de clear dans la partie concernée de la page, donc c'est loin d'être sûr.

Ah si, tout de même, une erreur:

display:visible;

La propriété display n'accepte pas de valeur "visible". À corriger.

Voici une page en ligne :

http://raymitronic.ifrance.com/bug/Cockpit%20ADV%20&%20SAV.htm

Il y a quelques soucis de codage, mais le bug y est, sous IE6, après réactualisation(s) (le bug semble apparaître de façon aléatoire).
Il semble que le simple fait de descendre dans la page fasse disparaitre le texte.

C'est vrai que ça fait penser à ce fameux Peek-a-boo IE6 Bug, mais c'est pas tout à fait pareil, je n'ai aucun float (enfin... uniquement plus loin dans la page)
Modifié par raymitronic (07 Aug 2007 - 11:38)

Remarques en passant:
- héberger une page sur ifrance, c'est pas terrible pour faire des tests (pubs, frames intrusives, argh);
- ton fichier est encodé en UTF-8 avec BOM (Byte-Order Mark), ce qui pourrait te poser problème à l'avenir... il faudrait l'encoder en UTF-8 sans BOM,
- c'est normal tous les sélecteurs CSS de type div .aide ou label .adminLabel (c'est à dire que l'on vise tout élément porteur de la classe "aide" qui serait enfant ou descendant d'un div, et tout élément porteur de la classe "adminLabel" qui serait enfant ou descendant d'un label)?

Bon, j'ai pas trouvé l'origine, mais ça se corrige en conférant le layout aux blocs dont les premiers enfants disparaissent, à savoir div#page_content et div.recherche, par exemple via un zoom: 1.

Sur le concept de HasLayout:
http://www.test.blog-and-blues.org/haslayout/trad_temp.html

- Concernant l'hébergement sur ifrance, c'est simplement que je n'avais pas d'autre FTP sous la main Mais c'est vrai que j'ai déjà eu pas mal de problèmes avec. Donc j'utilise cet hébergement uniquement pour y sauvegarder quelques fichiers.

- Pour le problème de codage, je corrige ça tout de suite

- Enfin, je reconnais que ma pratique n'est pas encore au point, je vais corriger ça aussi.

- Pour finir, j'ai donc rajouté la propriété zoom:1;. Ca résoud effectivement le problème. C'est tout de même surprenant, je connaissais brièvement les différences d'interprétations des navigateurs, mais je pensais pas que ça pouvait aller aussi loin.

Merci beaucoup pour votre aide ; je bookmark cette page
Modifié par raymitronic (07 Aug 2007 - 13:53)