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

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

1 голос
/ 25 февраля 2012

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

image-wrapping

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

1 Ответ

0 голосов
/ 25 февраля 2012

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

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

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

...