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 6 of 6
  1. #1
    Regular Coder
    Join Date
    Jul 2005
    Posts
    352
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation Liquid css layouts

    How can i make my css layout fluid. I want a layout with a navigation column on the left hand side, a middle sontent and a header and a footer. How can this be achieved?

    Any help will be very appreciated.

  • #2
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Would you want either side solid, or completely fluid all the way around?

    Your header and foot can just be 100% width's with percentage, em, or pixel defined height. Your two middle columns would be a percentage then.
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #3
    New to the CF scene
    Join Date
    May 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for your reply, I would like everything fluid except the navigation column on the left.

  • #4
    New to the CF scene
    Join Date
    Apr 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #5
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try this site from the noodle incedent I find all the layouts really good to work with and then they can validate well.
    http://www.thenoodleincident.com/tut...son/boxes.html

    code on css!!!

  • #6
    Regular Coder
    Join Date
    Jul 2005
    Posts
    352
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Thumbs up

    Thankyou for all of your help. It was all very useful.


  •  

    Posting Permissions

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