CSS image problem

Discussion in 'CSS' started by FPForum, Oct 11, 2007.

  1. #1
    Hey everyone, I'm having a big problem getting my this image to extend on my site. I have the pages height set at 100% so there doesn't have to be a scroll bar for the longer pages but the background under the navigation buttons doesn't extend all the way down the page..Here is my css code for the navigation image:
    Obviously, centre_bg is the blue image I want to extend. I tried setting it to 100% but that did not seam to work. If you wanna see one of the pages you can view it HERE

    Any help is greatly appriciated!!
     
    FPForum, Oct 11, 2007 IP
  2. le_gber

    le_gber Peon

    Messages:
    28
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you want an image to run all the way down the page you need to use the 'faux-column' css trick. The image background is applied to the body with a repeat-y.

    Using height 100% is only working if your page content is shorter than the window height.
     
    le_gber, Oct 11, 2007 IP
  3. FPForum

    FPForum Notable Member

    Messages:
    4,172
    Likes Received:
    102
    Best Answers:
    0
    Trophy Points:
    225
    Digital Goods:
    2
    #3
    thanks le gber..i will look up 'faux-column' ...I tried setting the repeat-y; but that didn't resolve the problem either..will try this now, thanks
     
    FPForum, Oct 11, 2007 IP