Проблема с переносом текста вокруг изображений в IE

У меня есть простые проблемы, которые сводят меня с ума: я пытаюсь обернуть текст вокруг изображения, и он отлично работает во всех браузерах, кроме IE. Поскольку изображение больше, чем абзац, следующие абзацы начинаются внизу изображения. Взгляните на картинки.

упаковка изображений

CSS, используемый для выравнивания изображения

mg.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    float: right;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    float: left;
    }

image css internet-explorer word-wrap css-float
person Thomas Depole    schedule 24.02.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте применить к своим изображениям следующее:

display: inline-block;
zoom: 1; /* IE7 hack */
*display: inline; /* IE6 hack */

Вы не можете применить padding или margin к inline элементу.

person Nick Beranek    schedule 24.02.2012
comment
Рекомендации для взлома CSS должны сопровождаться предупреждениями вроде: Это недопустимый CSS и для этого лучше использовать отдельную таблицу стилей и использовать условные комментарии для включения стилей. - person Ricardo Souza; 25.02.2012