I am updating an older generation web server application that makes extensive use of frames and frames. I understand why frames are bad and iframes is the best HTML5 compatible solution.
What I'm struggling to achieve is the iframe equivalent of something that is easy to do with frames: the left “menu” of a fixed-width frame and the right “content” that fills the remaining width of the width, as with a height of 100%.
With <frameset cols="300,*">...</frameset> this is simple: <frameset cols="300,*">...</frameset>
In the iframe "*" it is not allowed to specify the remainder, the sizes must be specified as px or%. The percentage seems like it should be perfect, but it’s not: if I make a browser 4000 pixels wide, I want all the extra space to go into the content, not the menu.
Searched widely and cannot understand it. I'm sure there is a simple CSS-based way, a non-js, HTML5-compatible way to do this, but I don't know how to do it. Thanks in advance.
source share