IE не переносит текст вокруг изображений
У меня есть страница с этим HTML:
<p>
<img src = "images/ih01.jpg" width = "80" height = "110" align = "left" />
This course overs basic human anatomy and physiology, including the major
body systems and their functions. When you have completed this course you
will be able to identify major body components and their core physiological
functions.
</p>
И вот как это отображается в Firefox 3, Chrome 1.0 и IE7: (Щелкните, чтобы увидеть полный размер)
http://fisher.spadgos.com/stuff/ie-align-fail.png
Вы можете видеть, что IE не оборачивает текст вокруг изображения, даже если оно выровнено по левому краю. Любые идеи?
Ответы 2
Использовать:
<img src = "images/ih01.jpg" style = "float: left; height: 110px; width: 80px; " >
вместо выравнивания. Атрибут выравнивания - устарел.
Ты обогнал меня примерно на 2 секунды.
Во-первых, "align" устарело. Здесь вы захотите использовать свойство CSS float.
<p>
<img src = "images/ih01.jpg" style = "float:left;height:110px;width:80px" />
This course overs basic human anatomy and physiology, including the major
body systems and their functions. When you have completed this course you
will be able to identify major body components and their core physiological
functions.
</p>
Пора взять "тайм-аут" на узнать о поплавках!
хе-хе, я знаю о float и CSS - это код нашей CMS, который не-технический специалист создал с помощью WYSIWYG, и я надеялся, что смогу избежать переписывания всего этого кода!
Ах, веб-редактирование WYSIWYG до появления DIV и CSS. Должен полюбить это.
Если атрибут align - единственная проблема, вы, вероятно, можете исправить это с помощью поиска / замены.
что, если бы у вас было несколько абзацев после этого абзаца? У меня есть ситуация, когда изображение «выше», чем абзац, а в Internet Explorer между абзацами есть пробел. Никакая комбинация float / clear не решила эту проблему.
Черт, я никогда не знал, что IE7 перестанет поддерживать align. Ваше здоровье.