VPF::скроллинг по вертикале на CSS - Форум программистов

gcc

Дата 6.4.2010, 07:02 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

интересует вопрос как сделать скроллинг по вертикале в code тэгах на CSS?

значит тут есть по горизонтале в http://www.x0.org.ua/view_content/93

я добавил CSS существуюущий вариант и появился скроллинг по горизонтале и перевод строк красиво:

Код




.bbcode_text {
    white-space: pre-wrap;
    overflow: auto;
   text-align: left;
   margin: 0;
   width: 900;
   float: none;
   clear: none;
   font-size: 12px;
   line-height: 1.333;
   vertical-align: top;
   padding: 2px 4px;
   border-collapse: collapse;
   overflow-x: fixed;
   overflow-y: fixed;
   margin: 0 0 1.5em 0;
   overflow: fixed;
}
  



/* Quote */

 .bbcode_quote_body {display:block;}

.bbcode_quote_body {
    background:#F4F5F7 url(/img/blockquote.gif) 3px 3px no-repeat;
    border:1px dashed #CCC;
    padding:8px 12px 8px 36px;
    margin:5px 0;
}





/* Code */


 .bbcode_code_body {display:block;}
 



.bbcode_code_body {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.bbcode_code_body {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  padding-bottom: expression(this.scrollHeight > this.offsetHeight ? 15 : 0);
  
  width: 100%;
}

.bbcode_code_body span {
  border-collapse: collapse;
}

.bbcode_code_body , .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.bbcode_code_body .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.bbcode_code_body span {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;

}


.bbcode_text .bbcode_code_body {
    white-space: pre;
}

но как сделать по вертикале на CSS, чтобы длинный текст был с прокруткой?

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

gcc

Дата 6.4.2010, 08:42 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

я сделал так, частично решилось:

Код


.bbcode_text .bbcode_code_body {    
    white-space: pre;

height: 500px;

overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;

}

получилсоь что элемент фиксируется всегда в 500px, и если он меньше 500px

но как сделать чтобы если height меньше 500px то чтобы было меньше автоматически...?

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

gcc

Дата 6.4.2010, 09:00 (ссылка)

(нет голосов)

Загрузка ...

Агент алкомафии

Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17

сделал так:

Код



.bbcode_text .bbcode_code_body {    
    white-space: pre;



min-height:50px;
max-height:500px;
overflow:scroll;
border-color:Silver;
border: 1px solid #666;
background-color: #ccc;

}

мне с начлао показалось с не решаемо...

--------------------

Perl FAQ
freelance
perl, jquery, js, php
perl, jquery

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »