Bonjour,

Dans mes pages, je créer des blocs comme dans l'exemple suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 : 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
.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 !