Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Ограничение сообщений по высоте


Ограничение сообщений по высоте

Сообщений 1 страница 2 из 2

1

За что я люблю зеропаркинг - это возможность создавать и экспериментировать со своим форумом.
Часто посещаю ресурсы всё больше и больше сталкивалась с проблемой, когда огромное сообщение буквально затмевают и растягивает форум по высоте.
Поэтому пришлось искать решение, чтобы сообщение оставалось полностью, но было спрятано за границы (все сообщение можно почитать прокручивая колесиком мышки)
Ограничения по максимальной высоте (кроссброузерное) для сообщений
   Порой наши участники настолько увлекаются темой, что совсем забывают про неэстетический, и даже неприглядный вид сообщений. Например на моем форуме - Всё обо всём в разделе Музыка - трек лист состоящий из 200 композиций настолько растягивает сообщения, что следующей пост приобретает, мягко говоря, неприглядный вид. Что делать? Ставить спойлер? Не все знают что такое "спойлер" (оказывается есть и такие), поэтому и не пользуются. Потом, если форум уже наполнен, вручную перебирать тысячи ответов - бр-РрРрРр... выход один использовать стиль.
   Современные браузеры отлично понимают ограничения высоты и ширины через min- и max- инструкции (min-height, min-width, max-height, max-width). Но к сожалению ИЕ 6 с ним не дружит. Поэтому придется задавать через expression от мелкомягких.

ограничение по максимальной высоте
Для тех, кто пользуется стандартными шаблонами вставить в HTML-верх:

Код:
<style>
.punbb .post-content {overflow-y: auto;  overflow-x: hidden; 
height : expression(parentNode.clientHeight > 380 ? "380px" : "auto"); 
max-height: 380px; height: auto;}
</style>

для тех кто использует свой стиль изменить:

Код:
/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; 
  height : expression(parentNode.clientHeight > 380 ? "380px" : "auto");
        max-height: 380px;
        height: auto;
  }

Число 380 у меня, вы можете использовать своё значение

Теги: CSS шаблон, ограничение по высоте, стиль форума

+1

2

совершенно случайно наткнулась на эту тему и не пожалела, что поставила в стиль такое. Плюс старпосту и автору! Особенно оно помогла в теме музыка и клипы.

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Ограничение сообщений по высоте


Рейтинг форумов | Создать форум бесплатно