css, вопрос jquery

Question

Я играл с Infogrid на моем сайте . Я добавил верхний и нижний колонтитулы и добавил текст на последнем блоке железного человека. Как видите, нижний колонтитул не отображается, и текст последнего блока обрезается. Теперь, если вы удалите переполнение: скрыто; на теле html нижний колонтитул появляется, но текст все еще обрезан. Любая идея о том, как этот нижний колонтитул может отображаться без полосы прокрутки (таким образом, переполнение: скрытый; должен остаться) и как получить текст последнего блока, чтобы показать полностью? Заранее спасибо и получайте удовольствие :) wadada

Answer 1

Похоже, вы выбрали неправильный подход.

Прежде всего, текст последнего блока НЕ ​​обрезается в Firefox ... но он полностью зависит от разрешения браузера.

По сути, ваш CSS говорит: мне все равно, есть ли еще контент, не прокручивайте. Отнимать этот контроль у пользователя не очень хорошая идея.

Я не пытаюсь читать здесь лекции, но просто заявляю, что, искусственно ограничивая возможности ваших пользователей, он не учитывает тысячи различных браузеров и конфигураций, которые есть у ваших пользователей.

Одним из способов предотвращения обрезания контента является установка максимальной высоты для ваших элементов dd. Таким образом, полосы прокрутки идут только на необходимые элементы.

.info-col dd {
   max-height:100px;
   overflow-y:auto;
   overflow-x:none;
}

Это не будет работать в IE6, однако ...