IEでテキストボックスの奇妙な間隔で画像を左右にフローティングする

Question

私の例は、こちら

です。

FFで右または左に整列するように指示された場合、ロゴは正常に表示され、テキストで適切にラップするように見えますが、IEではテキストの最初の行の後に大きなギャップが表示されます。

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

Answer 1

align = <！> quot; left <！> quot;を使用するのではなく、そして、align = <！> quot; right <！> quot; HTMLでは、floatleftおよびfloatright CSS宣言にfloat属性を含めるだけです：

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