[CSS] Mon texte ou mon image disparait sous IE.
Bonjour,
Dans mes pages, je créer des blocs comme dans l'exemple suivant :
Code:
1
2
3
4
5
6
7
| <div class="box-article">
<div class="imageleft"><img src="une_image.jpg" alt="" /></div>
<div class="article">
BlaBlaBla ....
<div style="clear: both;"></div>
</div>
</div> |
La feuille de style :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| .box-article {
border:1px solid #999999;
margin-bottom:10px;
overflow:auto;
background: white;
}
.article {
padding:10px 10px;
background: white;
}
.imageleft{
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
} |
Le problème vient du fait que quand l'image devient trop grande, il faut "agrandir" le contenant avec un petit clear:both;.
Sous firefox aucun problème tout s'affiche bien, le boite est agrandie, le texte et l'image sont bien là.
Sous IE, le bloc s'agrandit aussi mais le texte "disparait" !
On peut toujours le surligner, mais le texte a pris le couleur du fond ...
Voila, un petit problème bizarre, qui je suis sur est dû à une erreur de ma part (avant j'utilisais la même technique et ça marchait nikel) !
Voila, si vous savez de quoi ça peut venir et surtout si vous connaissez une manière de résoudre ce problème, n'hésitez pas !
Merci d'avance ! :wink:
