скролинг для [CODE]

[mkey909]

подскажите или помогите, столкнулся с проблемой, необходимо изменить немного отображение для CODE.

а именно, чтобы при слишком большой длине в CODE, создавался удобный скрол, чтобы текст не занимал 200 страниц.

[Rayden]

Надо этому блоку задать max-height: и overflow: auto

[Поручик]

styles/ВашСтиль/template/bbcode.html
Править html-код между блоком
<!-- BEGIN code_open -->
<!-- END code_open -->

Добавлено спустя 5 минут 42 секунды:

Что-то я не догоняю, в phpBB 3.0.x ведь и так есть скроллинг для кода.
mkey909, или тебе для двушки надо?

[mkey909]

Rayden, Поручик, спасибо.


для 3, фз, стоит вроде самая новая версия, но скрол не чую.

Добавлено спустя 44 минуты 56 секунд:

бью в бубен, взываю к богам css.

взялся за /styles/subsilver2/template/bbcode.html

химичил и с max-height: и с height, нехочет.

даже попытался оба div исправить

Код: Выделить всё

<!-- BEGIN code_open -->
<div class="codetitle" style="max-height:100;overflow:auto"><b>{L_CODE}:</b></div>
<div class="codecontent" style="max-height:100;overflow:auto">
<!-- END code_open -->

пытался править /styles/subsilver2/theme/stylesheet.css не помогло


кэш обновлял, но всё равно не хочет...


ссылка на тему с примером: http://miracl.w6.ru/viewtopic.php?f=8&p=489#p489

[RedNaxi]

разве есть свойство max-height? я думал только vfx-width поддерживается...да и на htmlbook.ru про него ничего не написано.

[Поручик]

RedNaxi

Есть свойство max-height
http://www.google.com/search?rls=ru&q=m ... 8&oe=utf-8

[RedNaxi]

тогда можно попробовать в

style="max-height:100;overflow:auto"

написать max-height:100px; вдруг поможет...

[Поручик]

mkey909, это у вас во всех браузерах нет скроллинга?

Вот переделанное содержимое codecontent для subsilver2

Код: Выделить всё

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
}

В Опере 9.25 работает

[mkey909]

в мозиле заработало, в ИЕ не так не сяк.


для мозилы первый и втором способ, подействовал.

[Палыч]

Для IE попробуйте так:

Код: Выделить всё

height:expression(this.scrollHeight> 200 ? "200px" : "auto")

[mkey909]

о да! заработало, спасибо всем!


в общем надо лишь: /styles/ВАШ_СТИЛЬ/theme/stylesheet.css

Код: Выделить всё

.codecontent {
   direction: ltr;
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #A9B8C2;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #006600;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #FAFAFA;
   overflow: auto;
   display: block;
   max-height: 200px;
   height:expression(this.scrollHeight> 200 ? "200px" : "auto")
}