Faire flotter une image à droite et à gauche dans la zone de texte avec un espacement étrange dans IE

Question

Mon exemple est ici

Les logos paraissent bien lorsqu'ils sont alignés à droite ou à gauche dans FF. Ils semblent bien s'emboîter correctement dans le texte. Toutefois, dans IE, un grand vide apparaît après la première ligne de texte.

J'ai également créé des styles de flottement à droite et à gauche et essayé d'appliquer les logos, mais le même effet est obtenu. Je sais que c'est un problème dans IE, mais je n'ai pas encore trouvé de solution.

Answer 1

Plutôt que d’utiliser le paramètre align = " left " et aligner = " right " dans votre code HTML, incluez simplement les attributs float dans vos déclarations CSS floatleft et floatright:

.floatleft {
    float:left;
    padding: 0px 8px 8px 0px;
}
.floatright {
    float: right;
    padding: 0px 0px 8px 8px;
}