Img align: left provoque un débordement de texte dans IE

Question

Je rencontre un problème de débordement de texte dans une colonne lorsqu'une image en ligne est alignée à gauche ou à droite. C'est difficile à décrire, donc j'ai créé un exemple de page à http://alaskalegion.com/dev/test.php

Cela se produit uniquement dans IE6 et IE7. Des idées sur la façon de résoudre ce problème? J'utilise fckeditor sur le backend qui les génère.

Answer 1

Vous devez vous assurer que l'étiquette p entoure l'image de sorte que les autres paragraphes soient au-dessus et au-dessous. Je ne peux pas le tester maintenant, mais j'utilise habituellement overflow:hidden sur le bloc environnant (le paragraphe) et je pense que pour IE, vous avez besoin de quelque chose comme zoom:1.

Par ailleurs, vous ne pouvez pas vous débarrasser de la ligne « align: left » et de le remplacer par une feuille CSS dans de style externe comme:

#center-column p img { 
    float: none;  // if still necessary... 
} 
#wide_column p img {  // I don´t know what the id of the wide column is... 
    float: left; 
} 

(je ne sais pas se vous avez besoin du sélecteur p, j'essaie seulement de cibler les bonnes images sans voir votre code)