CSS Question regarding fuild 3 column design, with fixed width on the center column

Discussion in 'HTML & Website Design' started by LordXenu, Mar 5, 2008.

  1. #1
    Alright, I'm trying to work on a design in which the middle column has a fixed width and remains centered, while the columns to either side of that width stretch to fill the remaining width on the browser. Does anyone know how to do this? I can do it easily enough on a 2 column design, but everything I try to setup fails to work for me. the right side column always winds up floating down below the other two. Any ideas, I'm getting really frustrated with this here.
     
    LordXenu, Mar 5, 2008 IP
  2. thrillseeker30

    thrillseeker30 Guest

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Does the middle column have a "float" applied to it? If so, use "clear:right" and that resets the margins and should bring the right column up.
     
    thrillseeker30, Mar 5, 2008 IP
  3. redspace

    redspace Peon

    Messages:
    619
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #3
    your middle column has fixed length but not the left column I guess. so the left column might occupied all the width possible after your middle column has been placed. so I believe your third column comes after the middle and left column. thus it will come under those two. if you want to understand about how column are placed using css you should color all three column differently and play around with the attribute especially the float and clear attribute.
     
    redspace, Mar 6, 2008 IP