Страницы: 1
Спасибо. Вот линки на скриншоты, чтобы было понятнее о чем я говорю.
Вот как выглядит пример в Mozilla:
http://forum.mozilla.ru/uploaded/rtl_moz2.jpg
А вот как он выглядит в IE:
http://forum.mozilla.ru/uploaded/rtl_ie1.jpg.
Я хочу добиться, чтобы под Mozilla он выглядел также как в IE, причем чтобы код для обоих браузеров был по возможности один.
Если сравнить рисунки, то видно, что IE увеличивает ширину блока <p> (выделен красной границей) под ширину текста. При этом непомещающаяся часть текста и блока скрывается в области прокрутки.
Mozilla же не дает левой границе блока <p> уйти левее границы контрола (в область прокрутки). А непомещающаяся часть текста "вылазит" справа. Вот это я и хочу победить. А заодно узнать, почему Mozilla ведет себя именно так. Ведь в режиме ltr в обоих браузерах поведение в этой части одинаково.
Задав
.tree DIV SPAN {
/* ... */
float: right;
clear: both;
}
я могу добиться того, что текст располагается как нужно, но это не совсем то, так как многие д
…Не нашел где здесь можно прикрепить файл, поэтому привожу код ниже.
Соответственно не могу привести и скриншоты.
Вопрос такой. С помощью CSS отображаем дерево. В ltr режиме все нормально. Поставлена задача изменить стили, чтобы все работало и в rtl режиме. Код ниже решает эту задачу в IE (правда там есть свой глюк - искажение иконки, если кто-то подскажет как его победить тоже буду рад). В Mozilla текст позиционируется не так как ожидалось: вместо того, чтобы уйти от правой границы блока (блок о котором я говорю выделен красной границей) влево в скроллируемую область, текст выравнивается по левой границе блока с прокруткой и размещается вправо перекрывая иконку. Заметил, что если задать стиль float: right внутренним блокам, то текст размещается как ожидается, но пропадает нижняя полоса прокрутки (плюс появляются другие проблемы из-за которых далее в этом направлении двигаться не стал).
Нужно чтобы текст размещался также, как если открыть приведенный ниже код в IE.
Как можно решить проб
Страницы: 1