Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    html CSS and pop window resizing...

    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

    UPDATE:
    Edit fiddle - JSFiddle

    Thanks

  • #2
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Made all the stupid colors to show the different DIVs in play
    Basically I want the user to resize the browser in the vertical direction and have it resize like it is now in the Horizontal. And remove the horizontal scroll bar.
    I also added Green to the CSS for the Scroll Page.

  • #3
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    please see the link to the JSFiddle in the first post


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •