IE ne m'affiche pas du texte
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:
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> </p>
<p> </p>
</div> |
et voici ma feuille de style :
Code:
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 :
http://graphismebarok.free.fr/developpez/ie_t_con.gif
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.
