Height Problem

Discussion in 'CSS' started by HPA, Dec 6, 2007.

  1. #1
    I just want to know a simple CSS trick, please help me, if you could!

    Consider this theme:

    http://www.briangardner.com/demos/index.php?wptheme=Silhouette+3-Column

    Now, as you can see, in the 2nd column (middle one); the background color (grey) is limited, I want it to repeat till the end, i.e. till the bottom of page, so no white spacing below the 2nd column.

    I hope I cleared my self.

    Thanks :)
     
    HPA, Dec 6, 2007 IP
  2. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #2
    soulscratch, Dec 6, 2007 IP
  3. manishk

    manishk Peon

    Messages:
    63
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Faux columns do not work properly in IE7. The solution on the following link does:

    
    http://www.positioniseverything.net/articles/onetruelayout/equalheight
    
    Code (markup):
     
    manishk, Dec 6, 2007 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    ^Apparently it doesn't unless you're writing a page for Mac or Win only. Still, it seemed a cool idea at first.

    I started out with faux columns, until that column started getting longer than the holding container. I still had to use the stupid empty clearing div. There are ways around the clearing div, but they are all more code and headache than I think the page it worth. A clearing div is one line and works for everyone. Non semantic, but one line.
     
    Stomme poes, Dec 6, 2007 IP
  5. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #5
    On a fixed width layout, why wouldn't they work properly in IE7?
     
    soulscratch, Dec 6, 2007 IP
  6. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #6
    soulscratch, Dec 6, 2007 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Soulscratch, don't worry:
    http://www.communitymx.com/blog/index.cfm?newsid=886

    Not a big bug, but something to watch out for. Only happens when using ZOOM on IE7 and the column colour is on the body. As most people set it on a container, most people are cool. She's found a solution too for those who want it on the body too.
     
    Stomme poes, Dec 6, 2007 IP