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
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    3 column layout help

    Please forgive me if I dont explain this properly, Im still a noob.

    I have tried to code my own 3 column layout using php files and css. The problem I am having is the columns on the left and right hand side are stuck to the sides of the screen. I would rather they hugged the column in the middle. Hope that makes sense.

    Here is the CSS:

    Code:
    #leftnav {
    
    float: left;
    width: 200px;
    height: 100%;
    border-right: none;
    
    }
    		
    
    #rightnav  {
    
    float: right;
    width: 200px;
    height: 100%;
    border-left: none;
    
    }
    
    #body  {
    
    margin: auto;
    width: 800px;
    height: 100%;
    padding: 10px 0px 0px 10px;
    
    
    }
    I take it you guys can make sense of that code. I have tried removing the float, taking away the width. My trial and erros just isnt coming up with the solution :/

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yeah like that, is this one fixed instead of fluid?


  •  

    Posting Permissions

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