travelmate
New Member
I have a page with a header followed by a side bar on the left and a main content area on the right. I would like the main content area on the right to scroll independently from the side bar on the left.\[code\]-----------------------------------| Header ||---------------------------------|| | || | || Left | Main || Sidebar | Content || | || | |-----------------------------------\[/code\]I know that I can style the main content with \[code\]{ height: 500px; overflow-y: auto; }\[/code\], but then the height I set won't always match the remaining height of the window.Is there any way to accomplish this and have my main content use up all the available window space as it normally would?