[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Убрать полосу прокрутки в object в Firefox и IE
namazi74
Вечер добрый. Есть список товаров. Напротив каждого есть кнопочка Описание. При клике на неё, появляется окошко с описание нужного товара. С выводом и привязкой по коду проблем нет. Следующий тэг формирует вывод самого текста:
<object type='text/plain' width=100% data='/prod/{$f_code}.txt' class='newpopup'></object>

делается вывод текста из файлов 0001.txt, 0002.txt и т.д.
Проблема: Текст внутри object вообще не форматируется. Прописал новый класс в style.css, задал все параметры для текста. Из всех свойств берется только одно - цвет фона. Всё. Ни размер шрифта, ни принудительный перенос текста (чтобы не было горизонтальной полосы прокрутки) не работают. В Хроме и Опере нижней полосы прокрутки нет, но текст тоже не форматируется. А вот в IE и Firefox и полоса появляется.
object.newpopup {
font-size: 20px;
background-color: rgba(64, 128, 128, 0.8);
width: 600px;
text-align: right;
}

Каким образом победить ситуацию? Заранее спасибо.
P.S. пробовал засовывать вывод текста в iframe. Та же ситуация, но он ещё не поддерживает классы css.
user posted image
sz47181
namazi74 Попробуйте стилям добавить !important, вы видимо на движке каком то делаете.
namazi74
Цитата (sz47181 @ 5.10.2014 - 19:49)
namazi74 Попробуйте стилям добавить !important, вы видимо на движке каком то делаете.

Спасибо за совет.
font-size: 20px !important;

не помогло. Такое ощущение что он текст внутри себя вообще не воспринимает как текст, а как один из объектов. Из всех опробованных мной свойств, только цвет фона меняет и всё... Какой то бред. Но мне пофиг до шрифтов и т.д. Лишь бы горизонтальная полоса ушла, но, как я понял, стилями этого уже не добиться...
Да CMS Netcat
sz47181
namazi74 А пробовали overflow-x: hidden или overflow-y: hidden ?
namazi74
Цитата (sz47181 @ 5.10.2014 - 20:04)
namazi74 А пробовали overflow-x: hidden или overflow-y: hidden ?

да. конечно. в первую очередь. потом уже начал вставлять все свойства подряд и смотреть какие работают а какие нет. Вот так изначально было прописано:
	font-size: 12px;
background-color: rgba(77, 10, 128, 0.8);
width: 600px;
text-align: justify;
overflow-x: hidden;


Нашел ещё одно работающее свойство: border. Рисует прекрасную оправу.... зараза такая. Лучше бы полосу убирал =\
sz47181
namazi74 Еще есть вариант через JS убирать, но тут я вам не помощник )
AllesKlar
namazi74
выложи куда-нибудь, иначе можно гадать на кофейной гуще бесконечно


_____________
[продано копирайтерам]
namazi74
Цитата (AllesKlar @ 5.10.2014 - 20:41)
namazi74
выложи куда-нибудь, иначе можно гадать на кофейной гуще бесконечно
SerginhoLD
а в div засунуть чем не вариант? оформляй как хочешь..

в хроме есть, в firefox нет, вся магия
pre {
white-space: pre-wrap;
}


_____________
"internet explorer всех правильней отображает страницы" ©
namazi74
Цитата (SerginhoLD @ 5.10.2014 - 22:09)
а в div засунуть чем не вариант? оформляй как хочешь..

в хроме есть, в firefox нет, вся магия
pre {
white-space: pre-wrap;
}

эх, если бы всё было так просто... засунул:
<div class='pre' align='right'><object type='text/html' width=100% data='/prod/{$f_code}.txt' class='newpopup'></object></div>

добавил в style.css ваши строки. Результат:
user posted image
выходит, что он применяет все правила только к <object> в целом, а не к его содержимому.
SerginhoLD
я имел ввиду нахрена object? там же только текст так?

<style>
.
pre {
white-space: pre-wrap;
}
</style>
<
pre class="pre">
<?=htmlspecialchars(file_get_contents($path . '/prod/' . $f_code . '.txt'))?>
<pre>


_____________
"internet explorer всех правильней отображает страницы" ©
AllesKlar
SerginhoLD
Я так понял, что object использует не он, а движок, а как его пебить на див, он не знает. Поэтому и мутит со стилями.

namazi74
Найди то место, где генерируется этот object и вместо него div, а в div пихаешь file_get_contents(filename.txt). Только конент заслешь, во избежании недоразумений с XSS

_____________
[продано копирайтерам]
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.