DIV с прокруткой

Все-таки пост от склероза.

Некоторые движки (LJ/LJR) такой код режут, но в самописном движке или WordPress должно работать.

Для чего

Чтобы текст, заключенный, например в теги <pre></pre> не порвал дизайн страницы, его можно положить в div с прокруткой.

Без div’а это будет выглядеть так:


[2] [3]

А с div’ом вот так

HTML-код

Если текст изначально размещается внутри div’а, заданного, например, шаблоном, то можно воспользоваться масштабированием с процентами:

<div style="max-width: 100%; max-height: 100%; overflow: auto;">

В других случаях размер можно задать пикселями:

<div style="max-width: 700px; max-height: 1000px; overflow: auto;">

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *