Проблема с css и IE

Погодин
На сайте с 04.03.2009
Offline
45
570

Значит такая проблема: сделал сайт, тестирую, нашёл такой баг - в IE на главной странице, где картинка с изображением завода при применении в css свойства justify для текста картинка отделяется от текста и уезжает вверх. (В oper`e и firefox`e, всё нормально)

Подскажите что подправить?

URL: http://hlebozavod1.net.ru/

html код посмотрите сами, а css отвечающий за этот блок приложу внизу.

#content {

width: 904px;
height: 100%;
background-color: #fff;
margin-right: 9px;
padding: 10 0 10 0;
}
#content p {
text-align:justify;
padding: 5 35 0 30;
}
#content p img {
float: left;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
}

Кстати, заметил, если убрать text-align:justify; то всё нормально отображается, но justify нужен. :(

Californiy
На сайте с 12.12.2006
Offline
95
#1

Картинку следует делать вне тега p. Это если по семантике. По ИЕ ничего сказать не могу, лень запускать виртуалку.

Тружусь в sapiense.com.
Погодин
На сайте с 04.03.2009
Offline
45
#2

Ставил, но это дело не решает. :(

V
На сайте с 09.06.2008
Offline
7
#3

в каком ие глючит?

MR
На сайте с 12.05.2007
Offline
16
#4

глюка конечно не заметил, но по логике это происходит так как жестифай применяется и для картинки тоже. то есть картинка у нас не отрывается от краев паддингом, а с текстом делит ширину.

отсюда решение жестифай убрать у <p> и текст обрамить <span> порписав ему жестифай.

Я не клон, прост тока вылес ис песочницы ;-)
Linkpusher
На сайте с 28.12.2007
Offline
176
#5

в каком ие трабл? у меня в 6 и 7 так же, как в лисе 3.

Точу ножи. Буквально. Есть отзывы. Заказать заточку в МСК и Подольске можно через Телеграмм.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий