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
    Jan 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question fluid - fixed - fluid

    Currently the width of my site is fixed at a value about 1000 and that will almost always display a horizontal scroll bar. How would i go about making the sides fluid with the center being a fixed value?



    I found a few tutorials and templates that would work with 2 columns, one fixed and the other fluid, but all of these have one of the columns a set number of pixels from one side. I can't do that if both sides are to be fluid with a fixed center.

    here is my current test:
    http://www.perimeter-road.com/csstest/

    The gray trees should shrink with the window...

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Your container is currently 1198px wide.

    How about instead using a container of width 824px and adding the gray trees as a centered background image of the body element?

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,741
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello antipepsiinc,
    Have a look at this - http://www.nopeople.com/nopepsi/

    I changed a lot of things around. I don't like absolute positioning at all but I left it in because I lost the 100%height once and I didn't feel like messing with it.

    It validates and looks right in IE7 and FF2. I didn't look at it in IE6 over on the wifes computer.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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