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
    May 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Fluid Design Help Needed

    I've been trying to get this to work in at least IE6, IE7, and FF2 with no luck. Here's what I'm looking for:

    - 100% height/width, no window scrollbar (scales when browser is resized)
    - a 'header', 'footer', and 'middle' section
    - The footer and middle sections are dynamic tables which are scrollable when there is overflow
    - When the browser is resized, the middle sections changes height and the header and footer stay the same. All sections resize width.

    I guess that's pretty much it. It's going to be more of a web app then a web site. I can be done with either tables or divs, I don't really care. I actually might prefer a large table because I eventually want to make the sections (header, footer, middle) user re-sizable.

    Anything is greatly appreciated. Thanks!

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Here is a site to help with a fluid layout.

    http://blog.html.it/layoutgala/

    as far as the over flow tables, this code would work i imagine, i have to look at all of the code to see though

    Code:
    table {
    overflow:scroll;
    }

  • #3
    New to the CF scene
    Join Date
    May 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I ended up using javascript. It sets the height of the middle part based on the height of the header,footer, and browser window onresize. Thanks to:
    http://www.peachpit.com/guides/conte...ign&seqNum=279


  •  

    Posting Permissions

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