28173 sujets

CSS et mise en forme, CSS3

Hello World !

Je me suis inscrit sur ce forum, premièrement parce que je suis de près tout ce qui est développement Web, mais aussi et surtout parce que j'ai un gros problème avec IE : aucun de mes éléments en float ne s'affiche !

C'est bien la première fois que ça me fait ça ! Sur tous les sites que j'ai fait (usage personnel), je n'ai jamais eu un tel problème. Les symptômes : est rendu comme si les images étaient en visibility: hidden => la place est réservée mais rien n'apparaît.
J'ai vérifié, rien ne pourrait laisser supposer qu'elles doivent être masquées, j'ai même spécifié clairement visibility: visible; mais rien n'y fait.
Contrôle des autorisations également on ne sait jamais, mais les images s'affichent parfaitement avec Safari, FFx et Opéra...
Cela n'est pas le cas qu'avec les images mais avec tout bloc de texte également.

Je suis dans l'incompréhension la plus totale. Smiley confus Voici le petit bout de code qui va mal :
<p><img src="./images/universalite.jpg" alt="Universalité" title="Universalité" style="float: left;" />Nous assurons donc... blablabla...</p>

Le style="float: left;" n'est pas joli je sais, mais ça m'évite d'avoir une class avec ce seul attribut...

Merci de votre aide précieuse Smiley smile
Modifié par daddy008 (26 Apr 2006 - 22:25)
J'ai été confrontée à ce problème que je n'ai pu résoudre qu'en positionnant l'image en relatif ou absolute (suivant les besoins)...
après tout est rentré dans l'ordre !
l'avantage de la class dans ce genre de placement c'est de pouvoir définir également le positionnement du texte (marge) autour de l'image, éventuellement un index dans certain cas... et il y en a sûrement plein d'autres
Smiley cligne
Ceci n'est pas une explication mais peut-être un début de dépannage pour toi...
Si quelqu'un a une explication pour ce phénomène irrégulier, ça m'intéresse !
Salut,

Tu es peut être victime du fameux bug "Peek-a-boo" de IE. Ce petit problème fait que le contenu d'un bloc qui contient un élémént en float disparait comme par magie.
Voici quelques liens qui te fournirons plus d'informations sur ce bug.
Forum alsa
PiE (en)
Blog alsa

J'éspère que ca t'aidera à résoudre ton problème Smiley cligne .
Merci pour vos réponses.

C'était en effet le Peek-a-boo... Désolé pour la recherche infructueuse sur le forum, mais même Mister Google n'a pas réussi a le trouver.
J'ai réglé le problème avec un height: 1% dans mon <p> comme le suggère un membre de ce forum et tout marche comme il faut désormais.

Si j'avais du temps, je pense que je passerais souvent ici. Vous êtes très gentils Smiley langue