Float + texte qui disparait [résolu]

Je viens de ré-éditer le post avec un lien pour la capture d'écran, et j'ai bien ce problème sur plusieurs PC !!

C'est à s'en arracher les cheveux si chez toi, tout fonctionne normalement !

Chez moi, le début du contenu s'affiche parfois à moitier, parfois pas du tout, et lors que c'est "pas du tout", le fait de scroller vers le bas et de remonter la page résoud le problème... enfin... à moitié !
Je n'y comprend rien...

Merci de ta réponse en tout cas, et de ta rapidité...

Personne ne voit le problème ? Pour tout le monde, c'est ok ?
Modifié par ze_drix (17 Jul 2006 - 13:17)

Alors-là, je reste bouche bée...

J'utilise IE 6.0 et je viens de mettre à jour la capture pour vous montrer l'exemple de ce que j'ai... http://www.diamondine.fr/temp.htm

J'ai aussi effacé les pages internets en cache (histoire d'être sur)
Modifié par ze_drix (17 Jul 2006 - 13:26)

Bonjour,

A priori, l'explication est un bug de reflow, liée au haslayout. Autrement-dit, en clair, c'est un trou de mémoire du moteur de rendu d'IE, qui se produira de manière très imprévisible selon la machine, la connection, l'âge du capitaine et la taille de la baleine.

Pour s'en assurer et corriger, tester des propriétés "zoom: 1" sur les éléments en flux qui disparaissent à côté des images. Si le bug se raréfie ou disparaît, faire une CSS en commentaires conditionnelle pour y mettre ces "zoom: 1". Si en outre le problème doit être résolu aussi dans IE5.0 (qui ne connaît pas zoom), faire de même en remplaçant zoom par une des autres propriétés conférant le haslayout: height: 1% est souvent un bon candidat.

Il est également possible d'éliminer le bug, dans certains cas, en supprimant un background du conteneur ou d'un des éléments concernés, et en le reportant à un autre niveau.
Modifié par Laurent Denis (17 Jul 2006 - 13:34)

Su tu peux ajouter un doigts de code HTML uniquement dans les pages où le bug apparaît, voici le code à ajouter:

<!--[ if lte IE 6]>
  <link href="patch-ie.css" rel="stylesheet" type="text/css" />
<![ endif]-->

(Attention à supprimer les espaces après les crochets ouvrants, que je suis obligé d'ajouter pour que ce ne soit pas pris pour du BBCode par le forum. Voir la FAQ du forum pour le pourquoi du comment de ce code, rubrique "commentaires conditionnels")

et le contenu de la css patch-ie.css sera:

#contenu h3, #contenu h4, #contenu p {
zoom: 1
} 

On peut faire plus proprement et surtout faire un correctif applicable à toutes les pages sans rien dégrader, mais j'avoue manquer de temps dans l'immédiat pour voir cela.

Explication rapide: dans IE, un mécanisme très particulier interfère avec CSS : le "haslayout". C'est en partie une boîte noire héritée d'anciennes versions d'IE, dont le fonctionnement est délicat à élucider. Mais c'est le responsable d'une grande partie des particularités de rendu CSS de ce navigateur.

Grosso-modo, le "haslayout" est un état dont peuvent être dotés les boîtes affichées à l'écran. Ici, l'absence de "haslayout" sur le texte qui se trouve dans #contenu provoque ce trou de mémoire d'IE au moment où il dessine la page en suivant les instructions CSS. On va donc corriger en donnant du haslayout aux éléments qui en ont besoin pour acquérir un certain "poids" qui ne permet plus à IE de les oublier).

On utilise une propriété Microsoft (zoom: 1) pratique pour donner du layout à un élément, mais qui est invalide en CSS. Il nous faut donc une petite feuille de style uniquement pour IE : on se sert des commentaires conditionnels.

Là, le patch est brutal et assez grossier. Mais il faudrait voir la CSS plus en détail pour faire mieux.

Brutal et assez grossier ??

Moi je dirai SUPER MERCI oui...

Je pense que la solution à mon problème est là, pour mon niveau cela me suffit amplement. C'est vrai que si le cas se reproduit, je pense n'avoir pas suffisament compris pour le gerer seul, mais j'aurais au moins un élément de plus à essayer.

MERCI BEAUCOUP A VOUS DEUX...

Hello,

Merci d'avoir signalé ton sujet comme étant résolu. Par contre attention à l'orthographe : cela s'écrit "Résolu" (sans "t").
Une bonne orthographe est importante dans ce cas puisqu'il s'agit justement de faciliter les recherches futures dans le forum.

Bonjour,

Je sais que ce message est assez vieux, mais je suis tombé dessus en recherchant une solution au problème décrit.

Et si je poste, c'est juste pour dire que j'ai pu, pour ma part, résoudre le problème simplement en indiquant un positionnement relatif, dans les CSS, pour le bloc central de ma page qui générait la disparition aléatoire des textes et backgrouds sous Internet Explorer.

Dans mon cas, ce bloc était bien positionné en relatif, donc l'ajout du positionnement dans la CSS a été sans effet secondaire.