У меня есть страница с разделом облака тегов.
разметка для указанного облака выглядит примерно так ...
<div class="ContentColumnB">
<div class="tagcloud">
<p>
<span style="font-size: larger;">Office 2010 Issues </span>
<span style="font-size: x-large;">Windows 7 </span>
<span>SharePoint </span>
<span style="font-size: large;">Migration Management Tools</span>
<span style="font-size: small;">75% Upgrading </span>
<span style="font-size: smaller;">Desktop Virtualisation</span>
<span style="font-size: x-large;">Microsoft Jump Start </span>
<span style="font-size: medium;">Buying Solutions</span>
<span style="font-size: large;">What-if Planning</span>
</p>
</div>
</div>
вот соответствующий css
.ContentColumnB {
height:85px;
padding:5px 10px;
width:460px;
}
.tagcould p{
color:#6192B6 !important;
text-align:justify;
}
div.tagcloud span {
color:#6192B6 !important;
display:inline !important;
padding:0 3px;
word-wrap:break-word;
text-align:inherit;
}
как обычно, у меня проблемы с IE, если быть точным, IE7.
он отказывается разбивать промежутки с тегом стиля на отдельные строки: так инструменты управления миграцией например, в FF и IE8 слово перенос находится на одной строке, а инструменты управления - на следующей. для IE 7, однако, если он отказывается вставить последние слова в новую строку и, следовательно, помещается гораздо меньше в блоке. это генерируется редактором WYSIWYG, поэтому решение не будет в том, чтобы изменить способ создания разметки.
Вот как выглядит IE: http://www.dumpt.com/img/viewer.php?file=cgyd1xbpig61kr39kn74.gif
и FF: http://www.dumpt.com/img/viewer.php?file=iuw5o3cgl5k52m5i1afw.gif
снятие оправдания также не имеет никакого значения для переноса (я вставил это так, что, по крайней мере, он не выглядел полностью сжатым в одну сторону) .. почему промежуток не пересекает 2 строки 1016 *? Я явно что-то упустил ...
просто чтобы подтвердить, что IE8 в порядке, и, конечно, FF тоже.
есть предложения?
спасибо
нац