How can I force a CSS column not to move when I crunch my browser?

Discussion in 'CSS' started by JuryDuty, Dec 17, 2005.

0
  1. #1
    I'm working with a WordPress theme and have manipulated a lot.

    But my right-hand column moves when I crunch my browser down in size. It overlaps my center column in Firefox and pushes the center column to the bottom of the page in IE.

    How can I force the right-hand column to stay in place so it won't overlap the center column or push it down when I crunch down my browser window to a different size? I don't mind if you have to scroll over to see it.

    You can see it happening at my site here: http://www.thechristianguitarist.com
     
    JuryDuty, Dec 17, 2005 IP
  2. kniveswood

    kniveswood Well-Known Member

    Messages:
    764
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #2
    Try setting a fixed width for your center column. :D
     
    kniveswood, Dec 17, 2005 IP
  3. JuryDuty

    JuryDuty Member

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Well, it was only after doing that that it started these behaviors. But I need that center fixed width. I just don't want the right column to overlap it or push it down--I want it to stay on the right of the center.
     
    JuryDuty, Dec 17, 2005 IP
  4. JamesCrompton

    JamesCrompton Guest

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You could try setting a width/minimum width for the body element. That stops the whole layout crunching after a certain point.
     
    JamesCrompton, Dec 30, 2005 IP