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 Coder
    Join Date
    Aug 2005
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Creating a fluid 2 column layout with top header and footer fixed at the bottom

    Hi...Can someone help me create a fluid design with 2 columns for left nav and content. a top header and a footer that is fixed at the bottom. Also, I need the left nav and main content to be of equal height so it will look good if given a background color.

    Thanks!

  • #2
    Regular Coder Rappa's Avatar
    Join Date
    Nov 2005
    Location
    LI
    Posts
    356
    Thanks
    21
    Thanked 9 Times in 9 Posts
    im pretty sure no none will make it for you. but we can start you offi guess. but you need to be more specific.

    this is taken right off my site:

    <frameset rows="50%,50%" cols="50%,50%">
    <frame src="topleft.htm" name="topleft">
    <frame src="topright.htm" name="topright">
    <frame src="botleft.htm" name="botleft">
    <frame src="botright.htm" name="botright">
    </frameset>
    its got a top left top right then the bottoms split into 2. change it the way you want. i could help more if you explained.
    Last edited by Rappa; 12-23-2005 at 09:04 PM.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    http://bonrouge.com/2c-hf-fluid.php
    The making stuff equal height will require a repeating background image. With you a few tweaks here and there you can make the footer position:fixed;
    For IE you need to trick it, read this.


  •  

    Posting Permissions

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