• gregor

    (@gregor)


    I’m having issues with my background failing to repeat the entire “height” of my page.
    Take a look at ‘http://www.polynia.net/index.php.
    My #content div has a y-repeating background image. However, it “fails” when the length of .post (the left column) is shorter than the right (#menu).
    For example, from the main page click on “Polynia.net” in “Posts by Categories”. Notice how the background doesn’t extend all the way down the page, to where #menu ends?
    Any help?
    Oh … the site is definitely NOT yet finished.

Viewing 7 replies - 1 through 7 (of 7 total)
  • mattread

    (@mattread)

    Just before the “rap” closing div try putting another empty div with id=”clearer” and define it as follows:
    #clearer {
    height: 0;
    clear: both;
    }
    And put the repeating background in the “rap” div.

    Thread Starter gregor

    (@gregor)

    Thanks Matt … but still not working. #rap has the same problem as before — no background whatsoever. Oh, I checked out your site. You’re in Ottawa?

    Anonymous

    gregor I just saw your site in Firefox and it is going to be a really neat piece of design. Congratulations and welcome to WordPress. I am reading your CSS if I see anything I will post.

    Root

    (@root)

    Above was me. In you css your #content bg is commented out. Plus the bg is only set for repeat y. I do not know how big your graphic is but I did notice you also have repeat y in the rap. Its going to be one of those two things or both.
    Also I couldn’t help noticing you are using Tantek’s voicebox hack. I do not know it in any detail but it looks to me as though there is a bit missing. Don’t we need to do something after the hack to counteract it in other browsers (or something). HTH.

    mattread

    (@mattread)

    gregor, if you put the repeating background in the “rap” div and leave in the “clearer” div, everything will be fine.

    jimtron

    (@jimtron)

    I have a similar problem, at least with IE and Safari on OS X. It doesn’t seem to be an issue with Firefox. My site is at: http://www.patrioticearthling.com. If you click on ‘activism,’ you’ll see that the background jpg not only doesn’t repeat, but you only see a sliver of it. I tried putting the repeat code in the “rap” div; that didn’t work. I wanted to try the “clearer” tag, but I can’t find the rap closing div. I am new to WordPress and not a CSS or PHP genius, so perhaps I’m overlooking the obvious.

    TechGnome

    (@techgnome)

    I’ve got this working correctly on mine by setting the background for Body…. rather than the Content div tag.
    TG

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘100% Repeating Background?’ is closed to new replies.