I am trying to create a popup window that will re size based on screen size and as the user adjusts the browser window.
I am having issues with this and thought someone might lend a hand. I need the DIVs as seen in JSFiddle, as well as the header that is Gray. My app will have a bunch of Tables etc in the area where the <p> is...just placed text there to get the point across....
There is a Red DIV, Yellow DIV, then Blue DIV.
Red DIV 95% of Main Screen
Yellow DIV 95% of that Red DIV
Header (gray area) as is
Blue DIV 95% of Yellow DIV with Vertical Scroll bar and NO Horizontal Scroll Bar, I want the text to wrap.
Right now i resize a bit but when you shrink it vertically they all dont shrink in unison..I want to be able to resize the window vertical and have all DIVS resize as well..The horizontal seems to be working except dont want the horizontal scroll bar there
Edit fiddle - JSFiddle