image - IEのテキストボックスの奇妙な間隔で画像を左右に浮かせる

Question

私の例はここにあります

FFで右または左に揃えるように指示すると、ロゴはきれいに見え、テキストと適切に折り返されているように見えますが、IEでは、テキストの最初の行の後に大きなギャップが表示されます。

また、フロートの左右のスタイルを作成し、ロゴに適用しようとしましたが、同じ効果が得られました。これがIEの問題であることは知っていますが、まだ修正されていません。

Answer 1

HTMLでalign="left"とalign="right"を使用するのではなく、floatleftとfloatrightのCSS宣言にfloat属性を含めるだけです。

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