Img align: left вызывает переполнение текста в IE

Question

У меня проблема с переполнением текста в столбце, когда встроенное изображение выровнено влево или вправо. Его сложно описать, поэтому я создал пример страницы на http://alaskalegion.com/dev/test.php

Это происходит только в IE6 и IE7. Есть мысли, как это исправить?

Я использую fckeditor в бэкэнде, который их генерирует.

Answer 1

Вам необходимо убедиться, что тег p обвивает изображение так, чтобы другие абзацы находились над и под ним. Я не могу проверить это прямо сейчас, но я обычно использую overflow:hidden на окружающем блоке (абзац), и я думаю, что для IE вам нужно что-то вроде zoom:1.

Кстати, , вы не можете избавиться от встроенного «выравнивания: слева» и заменить его на css во внешней таблице стилей, например:

#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;
}

(Я не знаю, нужен ли вам селектор p, я просто пытаюсь нацеливать нужные изображения, не видя ваш код)