TGIF folks, Is there a css ninja top-gun boffin here who could help me off-list to style a web page to have an "explorer" style layout? I've spent days of suffering going around in dead-end spirals.
First of all ... is it possible to make a web page behave like a desktop Window so that all controls stay within the visible area (the viewport?) and inside scrollbars appear as required? In my diagram you see the layout of a typical desktop program with mock scrollbars shown when the nav list or the report overflow. Can a web page be forced to behave like this so all the content stays inside the browser's client area and the browser window itself doesn't scroll? There are recent unit additions to the css standard like vh, vw, vmin, vmax and calc that supposedly help with this, but I can't figure out how to use them properly. [image: image.png] I can create a simple skeleton of my screen html and css and give it to you to tweak. Drop me a line off-list at gfke...@gmail.com if you have time to help me. Cheers, *Greg Keogh*