28221 sujets

CSS et mise en forme, CSS3

[Résolu] Gros problème d'affichage sous IE : texte qui disparait

Bonjour à tous,

Tout d'abords je tiens à m'excuser si la question que je vais poser se trouve déjà sur le forum ou la FAQ mais ne sachant pas du tout d'où provient l'erreur je ne sais pas trop où chercher.

Voici ce que je devrai avoir :
http://poupsylo.daaboo.net/neuneu/images/5probiebis.jpg

et voici ce que j'ai
http://poupsylo.daaboo.net/neuneu/images/4probie.jpg

Le plus etonnant dans tout cela c'est que lorsque je "scroll" vers le bas et que je reviens ensuite en haut de page, le texte réaparrait comme par enchantement Smiley sweatdrop (ps je vous jure que je n'ai pas consommer de subastances hallucinogènes )

Voici le code de ma page :
 
<div class="rubrique">
<p><a tabindex="1" href="http://www.wbri.be/cgi/bin2/htdoc.cgi?id=0000363_article&lang=fr">
<img class="droite" src="../../../../@imagerie/image/etudier_etranger.jpg"
alt="livre ouvert" width="72" height="85"  /></a>
L'&eacute;dition virtuelle du guide 2004-2005 &quot;Enseigner ou &eacute;tudier &agrave; l'&eacute;tranger&quot; vous accueille et vous donne acc&egrave;s en ligne &agrave; toutes les informations sur les possibilit&eacute;s de s&eacute;jours d'&eacute;tudes, de formation, de recherche, de sp&eacute;cialisation et d'enseignement dans les pays partenaires de la Communaut&eacute; Wallonie-Bruxelles</p>
</div>


et voici le code des deux classes concernées : 

.rubrique {
	margin: 1em 1em 0em;
	padding-bottom: 1em;
}
.droite {
	float: right;
	margin: 5px;
}


Voila je remercie d'avance toutes personnes qui tentera de m'aider Smiley smile
Modifié par poupsylo (24 May 2005 - 09:04)
J'ai le même problème actuellement (IE5 et 6) je cherche de mon côté, le premier qui trouve poste la solution! Smiley cligne

EDIT:

Bug identifié comme etant le PeekAboo bug. Internvient sur un élément floattant ou sur un élément précédent un flottant. IE n'arrive pas a determiner la hauteur ou la largeur de l'element et le texte disparait.

Solutions : Separer les elements par exemple en ajoutant un <hr />, ou un spacer. Ou bien spécifier une hauteur ou une largeur (ou les deux) à l'élément posant problème.

Dans mon cas les titres disparaissent, j'ai spécifier une larguer à mes titres pour que le problème soit réglé comme par magie (IE c'est magique!) Smiley smile 


h2 {
 width: 100%;
}


Dans ton cas tu peux essayer de spécifier une hauteur de 0.01% à ta classe. Ou une largeur de 100%...
Modifié par jb_gfx (23 May 2005 - 16:47)
Merci beaucoup pour ton aide et désolé de répondre si tardivement, je vais testé ça tout de suite Smiley smile

Encore merci Smiley smile

Ca marche nickel 1000 fois merci !!!! Smiley smile
Modifié par poupsylo (24 May 2005 - 09:09)
Sujet clos
Aller à