liquid 3 row div based layout Firefox problem

Discussion in 'CSS' started by ed247, Jul 15, 2007.

  1. #1
    I'm trying to create a 3 column layout using liquid divs and I got it looking like it's supposed to in IE but not Firefox. I've assigned percentage heights to the body, as a percentage height div won't work if it's parent element is auto or undefined since the div has no reference upon which to base a percentage. Anyone one messed around with percentage height divs much?
     
    ed247, Jul 15, 2007 IP
  2. ed247

    ed247 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    oops i meant 3 ROW layout...
     
    ed247, Jul 15, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    What does your code look like?
     
    Dan Schulz, Jul 16, 2007 IP
  4. ed247

    ed247 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Actually I figured it out. Since the html element is parent to the body element that needs to be set to 100% height too for Firefox to know what to base the percentage height of the body and ultimately my divs on, whereas IE apparently doesn't look for rules effecting anything higher than the body.
     
    ed247, Jul 16, 2007 IP