css for a that will resize and scroll vertically

I have a page with 2 elements. The top one resizes horizontally with the default CSS values. It does not need to scroll. It works as I want it to.

The bottom needs to ‘resize: both’ and to scroll vertically as needed. I can make this one do either, but not both.

The css on the bottom that will scroll but will not resize horizontally is:

.div2 {
    width: <?= $winwid ?>;
    height: <?= $winwht ?>;
    background-attachment: scroll;
    resize: both;
    overflow: scroll;
    border-style: none;
    overflow-y: scroll;
    }

The two PHP variables are passed in by a <form type=’POST> from the caller as:

    document.forms[0].winwid.value = window.innerWidth;
    document.forms[0].winht.value = window.innerHeight;

How can I make it both resize and scroll vertically without also causing the entire page to scroll?

Thanks for any help.

Ron

You need to sign in to view this answers