blognote-info.com

Oula ça fait longtemps que j'ai pas écrit dans cette catégorie ... ya un peu de poussière non ?!!!

Bref je viens de trouver un truc qui pourrisait le design d'un site sous opera, et on savait pas trop pourquoi ... En fait j'avais :

<div style="width:500px;" id="monDiv">
  <b><img src="monImage" style="width:500px;" align="left"/>Description de mon image</b>
</div>

Alors sur tous les navigateurs ça pose pas de soucis, et opera écrivait le texte a droite de l'image ... en bidouillant avec l'overflow j'ai réussit a cacher le texte mais c'était pas le but ... Avec des <br /> le texte disparaissait ! J'ai essayé d'en mettre une dizaine et la le texte réaparait ! Comme s'il était planqué sous l'image !

Bref ça réagit comme un float:left sur l'image, aucun css ne spécifie ça alors j'en déduit que la balise align="left" est interprété comme un style="float:left;".

Le fix ?

#monDiv img {
  float:none;
}

Ce qui n'a pas d'impact ailleur puisque les autres n'interprètent pas ça de la même manière !