Image float left, bug IE

Bonjour,
Je rencontre un probleme d'affichage sous IE 6 avec les images en float :
code html :

<div class="resultat">
<div class="titre">Hotel : <a href="...">titre</a></div>
<img src="http://image.jpg" class="vignette" border="0" height="80" width="120">
<div class="icone">
<img src="http://...icone.png">
</div>
<p>
texte ......
</p>
<hr>
<div class="hierarchie">
/ <a href="...." class="url">lien</a> /</div>
</div>
<div class="resultat">
<div class="titre">Hotel : <a href="...">titre</a></div>
<img src="http://image.jpg" class="vignette" border="0" height="80" width="120">
<div class="icone">
<img src="http://...icone.png">
</div>
<p>
texte ......
</p>
<hr>
<div class="hierarchie">
/ <a href="...." class="url">lien</a> /</div>
</div>

code css :

hr{clear:both;margin:0px;padding:0;border:none;border-bottom:solid 1px #F8FAFB;height:1px;}
p{padding:5px 10px 0px 10px;margin:0px;}
.resultat p{padding:5px 10px 0px 10px;margin:0px;}
.resultat .hierarchie{text-align:right;padding:0px 10px 0px 0px;background-color:#006990;color:#fff;}
.resultat{background-color:#F8FAFB;margin-top:20px;padding:0px;}
.resultat .titre{text-align:right;background-color:#FFFFFF;
border-bottom:solid 1px #006990;border-top:solid 1px #006990;}
.vignette{float:left;margin:10px 10px 0px 10px;}
.icone {margin-top:5px;text-align:right;padding-right:10px;}
.icone img{padding:0px 2px;}

Nature du probleme :
Les blocs sont répétés et sous ie6 , les textes entre les balises <p> soit disparaissent au défilement de la page, soit ne sont pas affichés ( mais pas tout les blocs )

Grrrr

Si quelqu'un a une idée, tout est impect sous FF et EI7 ...
Merci
Modifié par jmi (13 Jan 2007 - 17:25)

Bonjour,

Pourrais-tu mettre des balises code entre ton code et éditer ton titre pour mettre IE et non EI ce qui facilitera les recherches.
Modifié par CNeo (13 Jan 2007 - 17:16)

Pas de soucis, j'avais pas vu que ca aider a la lisiblité
Merci

Je sais pas si c'est fait exprès mais il te reste encore des EI dans ton message.

Tu n'aurais pas d'exemple en ligne par hasard ? Parce que là j'arrive pas bien à visualiser ...
Modifié par CNeo (13 Jan 2007 - 17:26)

J'suis joueur mais pas a ce point
sinon -http://www.landes-tourisme.info/hotels/Hotel-aisne/
Modifié par jmi (13 Jan 2007 - 18:01)

Chez moi çà marche sous IE 6 ...

Au fait pour les règles du forum c'est là puisque tu ne sembles pas les avoir toutes lues. ( Si je me trompe dis-le moi ... )
Modifié par CNeo (13 Jan 2007 - 17:38)

Merci pour avoir pris le temps de regarder, mais chez moi ca marche pas IE version 6.0.2900.2180 version sp2

Pour les regles merci pour l'indication, je les avais lu y'a un moment ... mais ca ne m'empeche pas de faire des fautes

si je vire le <hr /> tout est ok sauf la mise en page
Modifié par jmi (13 Jan 2007 - 17:51)

Salut jmi, & bienvenue.

Je ne vois pas non plus le problème sur ta page avec IE6 ... c'est à quel endroit?

Je signale en passant qu'il y a un petit problème tout en bas à gauche, sous IE comme sous Firefox

Bonjour Thomas et merci de ton accueil.
Problème en bas ? Ca devrait être une image, là c'est corrigé normalement.
Je comprends pas je suis le seul a avoir le soucis de ne pas voir tous les textes de description affichés, et disparaissant ou réapparaissant au défilement de la page ?

Je crois que je vois ce que tu veux dire en fait on ne peut sûrement rien faire contre ce bug d'affichage.

Edit : pour le bug du bas c'est vrai, j'avais pas vu mais il manque l'image de fond à gauche.
Modifié par CNeo (13 Jan 2007 - 18:04)

Pour le lien sur le message, j'ai ré-edité pour le désactiver, ce site n'est pas destiné à être indéxé par les bots. Dans l'état ou il est, je voudrais pas avoir des visiteurs

Oui çà peut se comprendre mais je ne suis pas sûr que cela empêche réellement le recensement.

CNeo a écrit :
Je crois que je vois ce que tu veux dire en fait on ne peut sûrement rien faire contre ce bug d'affichage.

Et moi qui essaye de me mettre aux css ... on ne peut pas afficher une image en float:left avec un hr en clear:both aprés pour la mise en page ?
Retour aux tableaux alors ?

CNeo a écrit :

Edit : pour le bug du bas c'est vrai, j'avais pas vu mais il manque l'image de fond à gauche.

Pour l'image, là ca devrait être bon.

Euh ... Je ne suis pas sûr que ce soit réellement le fait de mettre des float ou autre qui crée ce bug d'affichage qui est tout simplement dû au défilement du navigateur et qui n'est pas réellement gênant car il ne se voit pas si on n'y regarde pas de plus près ( enfin sur mon PC en tout cas ) ...

Thomas D. a écrit :
Je ne vois pas non plus le problème sur ta page avec IE6 ... c'est à quel endroit?

Dans la colonne de droite, les textes des différents blocs ont du mal à s'afficher. Ils peuvent être coupés ou mal dessinés, ou encore disparaitre lorsqu'on les sélectionne à la souris.

Ça sent le beau bug de HasLayout (comme souvent lorsque le moteur de rendu d'IE peine à afficher correctement des éléments). Quant à savoir lequel...

Au passage :
- gros problème de lisibilité avec du texte vert sombre sur fond bleu sombre ;
- le clear pourrait être sur div.hierarchie, pas besoin de rajouter un <hr /> (par ailleurs sémantiquement trompeur) pour porter cette propriété ;
- ça manque un peu de titres de section dans cette page.
Modifié par Florent V. (13 Jan 2007 - 18:24)

Ben sur le mien, ce sont les descriptifs et titres des fiches que l'on ne voient pas et ca, c'est pas top...
Avec un tableau autour, ca marche :-[ , moi qui souhaitais ne pas y avoir recours ...

CNeo a écrit :
Euh ... Je ne suis pas sûr que ce soit réellement le fait de mettre des float ou autre qui crée ce bug d'affichage qui est tout simplement dû au défilement du navigateur et qui n'est pas réellement gênant car il ne se voit pas si on n'y regarde pas de plus près ( enfin sur mon PC en tout cas ) ...

De mon côté c'est plus gênant que ça. Surtout la disparition de texte lors de la selection...

Florent V. a écrit :


Au passage :
- gros problème de lisibilité avec du texte vert sombre sur fond bleu sombre ;
- le clear pourrait être sur div.hierarchie, pas besoin de rajouter un <hr /> (par ailleurs sémantiquement trompeur) pour porter cette propriété ;
- ça manque un peu de titres de section dans cette page.

Lisibilité ... j'ai viré une classe en cherchant le bug ... remis en place.
hr supprimé
Titre de section ? tu peux me donner des explications ?
Le bug devrait etre corrigé avec les tableaux ca marche chez moi et chez vous ?

hum ... et il y a aussi la transparence png... que gif comme solution ?
Modifié par jmi (13 Jan 2007 - 18:35)

Cà a l'air de fonctionner chez moi mais bon comme j'ai du mal à faire apparaître le bug ...