• Need Help with Background Image.
    Hello
    I am having problem with the “credit” bottom portion image to align with my “content” middle image. Sometime when there is certain number of Post(s), they would leaves gap breaking the image of the content and credit. I’m not sure how to explain it but please have a browse at my webpage and you will see what’s wrong with it. Perhap there is a fix for this. Thank you in advance.
    http://www.forceforge.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • Is there a page there that shows this problem ?
    I’ve had a look and I can’t see what you are referring to, but maybe that’s me 🙂

    Thread Starter Anonymous

    Oh sorry.
    Once there, look the very bottom of the page where the image in center of the page is not connected to the bottom portion where Page Link & credit is located.
    If you do not see this, try to click all the Page Links at the bottom. You will noticed how the the page image does not fit correctly. I hope that explained abit better. Sorry. 🙂

    xtool,
    Did you remove the image? We can’t really help if you have…how about putting it back so a few of us can poke around a bit for you?

    Hmmm…I’m getting a *very* different page with Firefox than I am with Mozilla or IE. Both Moz and IE are calling this style sheet: http://forceforge.com/wp/wp-style/true-blue/style.css
    While Firefox is calling this style sheet:
    http://forceforge.com/wp/wp-style/xtool/style.css
    It can’t be a cache issue, since I’ve never visited your pages before….
    Oh wait, nevermind. Now IE is showing the xtool style also. Is this dynamic? I’ve tried refresh/reload many times, but can’t get the true-blue style back…
    Also, the clock doesn’t display in Mozilla or Firefox…IE only. The background image isn’t breaking in Moz or Firefox, but is in IE.
    Anyway, don’t have any answers for you, just trying to figure out which one is the problem (true-blue, xtool, or both?).

    Thread Starter Anonymous

    Oh no!
    I’m goofy.
    tcervo, the reason you were getting “true-blue” and then “xtool” due to both of my ‘index.php’ and ‘wp-style-switcher.php’ had different settings. I made ‘index.php’ to:
    <?php wp_style_cookie(“xtool”); ?>
    And my wp-style-switcher.php was:
    $wp_style_default = ‘xtool’;
    Confused? I am until you’d mentioned it. I just fixed that issue. Now, my weblog only work for IE because of the Images and the Clock. I should take out the Clock even though it looks very neat.
    Other browsers will break up the Top-Mid-Bottom and they look very ugly!
    Now as to Dynamic, this is what I did. There are 3 different images.
    top.jpg for Header’s background
    middle.jpg for Content’s background
    bottom.jpg for Credit background
    All of these are setted in my ‘Style.css’ .
    What I wish to know is how do I have it so they do not break apart? For example? Like this thread. See how they look seamless? From the top where are the Header and Nav to the very bottom down below where the:
    “Code is Poetry. Valid XHTML and CSS. WordPress 1.0.1”
    I wish to have my ‘xtool.css’ to be atleast like it. Maybe there are too many images? I’ll see if I can work around it until there are more responds.
    Thank you all for your prompt replies. I love WordPress’s community!

    Ok, here’s the issue in a nutshell: the middle background image (mid.png) is associated with the content div, so when the content ends, so does the background image. The bottom background image is associated with the credit class, which is not necessarily at the bottom.
    To get around this, you may want to restructure your content…The way I’ve done this in the past is to place a vertical repeating background on the rap div (which I rename container because it makes more sense to me). Then I put the header in it’s own div, rather than simply applying an id to the h1 tag. The menu div remains, but I create a footer div (to replace the credit class) to put the footer in, complete with its own background. This way, even though my sidebar and content areas aren’t the same length, my background image always spans the entire length and my footer is always *after* both the sidebar and content, instead of simply being tacked on to the bottom of the content.
    I hope that makes some sort of sense…I’ve got to run, so I don’t have time to make it as coherent as it should be 😉
    You can see an example of this type of layout here: http://www.cantboilwater.com/
    And another example (but with an extra container div to acheive the shadow effect) can be seen here:
    http://www.tcervo.com/
    -Tony

    Thread Starter Anonymous

    Thank you Tony.
    Well… from your advices I worked around it using some of your tips and came up with a solution.
    I increased the height for my #content’s background image and then limit the # of posts to 2-3 per page. I know this probably not the professional move but it seems to work for me. 🙂
    I’m still new to PHP and to WordPress. I’ve always impressed on how they work and what make them ticks. Thank you. Cheer.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need Help with Background Image’ is closed to new replies.