текст не обтекает некоторые плавающие изображения, оборачивается в IE & FF, но не в chrome, сафари - PullRequest
0 голосов
/ 27 августа 2009

У меня есть сайт с ручной кодировкой @ hartbro.com Часть сайта - это блог, в который я включаю картинки. Вот код HTML вокруг одного из изображений, который вызывает проблемы.

<a href="blogcontent/090811.jpg" class="img">
<img src="blogcontent/090811.jpg" alt="Downed trees" width="25%" class="floatright" /></a>
The storm left as quickly as it came. The sky cleared up and we were glad that the oppressive heat had let up.

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

Я не понимаю, как это работает в FF & IE, но не в Chrome или Safari ??

Вот все соответствующие CSS, дайте мне знать, если вам нужно что-нибудь еще. Заранее спасибо.

img{
    margin:10px;
}

img.floatleft{
    float:left;
}
img.floatright{
    float:right;
}

1 Ответ

0 голосов
/ 27 августа 2009

Попробуйте установить ширину для img.floatleft и img.floatright и отрегулируйте. Вы можете быть уверены, что

...