Discussion :

[barok]

Bonjour tout le monde.
J'au un petit soucis avec IE, il ne m'affiche pas du texte alors que je ne fais rien de spécial dessus. Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id="acc_cont_liste_contenu">
	<img src="images/img_creer.gif" width="43" height="43" class="float" />
	<h3>Titre1</h3>
	<p>texte1</p>
	<img src="images/separateur.gif" width="80" height="1" class="separateur" />
	<img src="images/img_crayon.gif" width="43" height="43" class="float" />
	<h3>Titre2</h3>
	<p>texte2</p>
	<img src="images/separateur.gif" width="80" height="1" class="separateur" />
	<img src="images/img_commentaire.gif" width="43" height="43"  />
	<h3>Titre3</h3>
	<p>Texte3</p>
	<img src="images/separateur.gif" width="80" height="1" class="separateur" />
	<img src="images/img_coeur.gif" width="43" height="43" class="float" />
	<h3><br />Titre4...</h3>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
</div>

et voici ma feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
#acc_cont_liste_contenu .float{
	float:left;
	margin:3px;
}
#acc_cont_liste_contenu p {
	margin:0;
	padding:0px;
	color:#5A5083;
	font-size:12px;
}
#acc_cont_liste_contenu h3 {
	margin:0;
	padding:0;
	color:#577BC7;
	font-size:14px;
}
.separateur {
	display:block;
	clear:both;
	margin:4px 0 3px 0;
	padding: 0;
	visibility:hidden;
}

alors certaines questions peuvent fuser : pourquoi utiliser une image de 1 px de haut avec une class .separateur et non <hr />. Réponse : parce que IE ne peut pas annuler les marges sur cette balise.

Voici le résultat en image :


Je précise que le problème n'est que sous IE et identique sur 4 bécanes différentes.
J'ajoute que selon la quantité de texte, il arrive que du texte s'affiche (titre ou texte selon son humeur) et que quand je sélectionne, le texte existent bien.
Ici, je n'ai ecris que titre1, texte1 etc... mais quand je mets les vrais textes, tout s'affiche sauf celui du haut (titre1 et texte1). En jouant sur les marges, il arrivent que le texte s'affichent mais il faut au minimum une marge de 10 pixels sur une quelconque balise.

Je conclus que ce n'est pas une blague car j'ai autre chose à foutre.

Si quelqu'un à une idée.
Je vous remercie.

[Linaa]

En float, les éléments sortent du flux, ici ce sont tes images.
En supprimant le float:left, les textes vont surement s'afficher.

[Kerod]

J'ai mis le même code que toi à l'exception des images et du texte que j'ai pris dans ton post et ca fonctionne correctement sous IE et FF. Je ne vois pas de problème

Voici ce que j'ai mis tu remarqueras aucunes différences

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div id="acc_cont_liste_contenu">
    <img src="151-9403.png" width="43" height="43" class="float" />
    <h3>Titre1</h3>
    <p> Je précise que le problème n'est que sous IE et identique sur 4 bécanes différentes.
 J'ajoute que selon la quantité de texte, il arrive que du texte s'affiche (titre ou texte selon son humeur) et que quand je sélectionne, le texte existent bien.
 Ici, je n'ai ecris que titre1, texte1 etc... mais quand je mets les vrais textes, tout s'affiche sauf celui du haut (titre1 et texte1). En jouant sur les marges, il arrivent que le texte s'affichent mais il faut au minimum une marge de 10 pixels sur une quelconque balise.</p>
    <img src="images/separateur.gif" width="80" height="1" class="separateur" />
    <img src="151-9403.png" width="43" height="43" class="float" />
    <h3>Titre2</h3>
    <p> Je précise que le problème n'est que sous IE et identique sur 4 bécanes différentes.
 J'ajoute que selon la quantité de texte, il arrive que du texte s'affiche (titre ou texte selon son humeur) et que quand je sélectionne, le texte existent bien.
 Ici, je n'ai ecris que titre1, texte1 etc... mais quand je mets les vrais textes, tout s'affiche sauf celui du haut (titre1 et texte1). En jouant sur les marges, il arrivent que le texte s'affichent mais il faut au minimum une marge de 10 pixels sur une quelconque balise.</p>
    <img src="images/separateur.gif" width="80" height="1" class="separateur" />
    <img src="151-9403.png" width="43" height="43" class="float"  />
    <h3>Titre3</h3>
    <p>Texte3</p>
    <img src="images/separateur.gif" width="80" height="1" class="separateur" />
    <img src="151-9403.png" width="43" height="43" class="float" />
    <h3><br />Titre4...</h3>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
</div>

Et j'ai pas touché au CSS