WordPress.org

Ready to get started?Download WordPress

Forums

A few little hiccups with my layout (24 posts)

  1. shadow
    Member
    Posted 9 years ago #

    Hi,
    Site: http://go.os42.com
    I have been playing with a new layout and have reached a point where I am not sure how to fix a couple of little issues. I am always keen to work things out on my own but when all else fails yell HELPPPPPP.
    I have dropped a picture using the #rap div onto my main background and it is showing some kind of white border for some reason, even though there is no border there. It could be the background behind it but not sure why if so.
    I also have a problem with the footer area moving up and sliding over the same pic. If anyone has any ideas as to why this may be happening - please let me know. Any advice is much appreciated
    Thank you :)

  2. Root
    Member
    Posted 9 years ago #

    I cant see the effect descibed at least in FF.

  3. Mark (podz)
    Support Maven
    Posted 9 years ago #

    Hi !
    I see no white. In IE the lhs graphic is not fixed though, yet it is in FF .
    I do see the footer and right now, I can't see a fix....

  4. Root
    Member
    Posted 9 years ago #

    shadow I think I am right in saying you are using something very close to the default template. There is for example no rap in the CSS. I can see a lot of borders set to 0px; they cant be doing any good. The footer is caused by our old friend the absolute positioned menu. :)

  5. shadow
    Member
    Posted 9 years ago #

    Sorry Root. I was not very specific. There is a white line showing against the left edge of the page behind the picture. I think it is behind the pic and not a border per se, but I cannot be certain. I am using FF too and I can see it. Maybe you thought it was part of the pic but it isn't.
    The footer issue shows up more clearly when you go to say, the search page, and scroll up and down....

  6. shadow
    Member
    Posted 9 years ago #

    Root: It is close to the default yes.
    I have this in my css.
    #rap {
    background: url(http://go.os42.com/wp-images/leftbg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top left;
    }

    Funny that you cannot see the line when I can on two separate machines.
    Podz: Thanks - I hadn't opened IE yet, to have a look at what disasters lay ahead in there.

  7. Root
    Member
    Posted 9 years ago #

    I have that 1px white line visual now. Just checking.

  8. Root
    Member
    Posted 9 years ago #

    Can you take out all those borders solid etc in body?

  9. shadow
    Member
    Posted 9 years ago #

    Taken out Root. I also tried putting in a black background behind the pic in rap but that overides the tiled background in body...

  10. Muffinboy
    Member
    Posted 9 years ago #

    The 1 pixel wide white line is part of the image itself. Maybe you didn't crop the image quite right.

  11. Root
    Member
    Posted 9 years ago #

    Well we overlooked the obvious. Another timely intervention by muffinboy :)

  12. shadow
    Member
    Posted 9 years ago #

    Muffinboy: Thanks. I can't believe I missed that. DOH!
    Root: This problem with the footer coming over the top. Is that the same as I always had on my other setup?
    Thanks for all the help....

  13. Root
    Member
    Posted 9 years ago #

    As always :)

  14. Muffinboy
    Member
    Posted 9 years ago #

    No probs :)
    But, the footer... I don't see a footer in the current design at all, so I wonder what the problem exactly is.

  15. shadow
    Member
    Posted 9 years ago #

    Mufinboy:Well this is no footer as in the normal appearance of a footer but it is there all the same. Look at how the background is pulled up and over the left pic which sits in the rap.
    I thought I may be able to sort it out but if Root is suggesting it is acting in the same way as past footers. I may have to rethink the design a bit.
    It's all fun...

  16. Muffinboy
    Member
    Posted 9 years ago #

    Ah, now I see what you mean. I'm running at 1280x1024 and the image (the one that used to have the white line in it) doesn't reach all the way down to the bottom of my browser's viewport, so I didn't see what you meant until I made my browser window smaller.
    Let me see...

  17. Root
    Member
    Posted 9 years ago #

    A transparent bg in the footer might do it.

  18. shadow
    Member
    Posted 9 years ago #

    Sounds like a good idea Root. But as the new 1.3 issplit into sections - do I need to place something in wp-footer.php as well as in the css?
    I did try putting a #foot div in earlier but with no success. That may be because I had no idea what I was doing though.

  19. Root
    Member
    Posted 9 years ago #

    Yes shadow thank you for pointing out that the 1.3 divs are split between various sub files. In particular in some instances the div opener and the div closer are in different files. The important thing though is that Kubrick runs fine which apparently it does. We are stuck.

  20. Root
    Member
    Posted 9 years ago #

    Shadow here is a quick and dirty interim hack. With one minor amendment to the php comments call the 1.2 edition index/ css will work fine. Unless you are thinking of theming go with that. Then you will be back on familiar territory ?

  21. shadow
    Member
    Posted 9 years ago #

    You totally left me behind there Root. Say what?
    Be gentle. I'm new to England remember... :)

  22. Muffinboy
    Member
    Posted 9 years ago #

    Btw, don't copy the stylesheet from my test directory, I messed around with it, so there might be some changes left in there that aren't supposed to be in there.

  23. shadow
    Member
    Posted 9 years ago #

    Muffinboy: I added the negative margin to the rap but it hasn't made any difference. Thanks for trying though. Much appreciated :)
    It looks ok on the main page with 5 posts but when you go to the Areas or Search pages etc with less content, the same problem exists.
    I had originally placed a 1024 x 768 image which included the left pic and background all as a fixed image. This alleviated this problem but the file was over 200k so I wanted to get the load size down a bit.
    Isn't it always the way - you get rid of one problem just to find you have another.
    Thanks all - for your help again...

  24. Muffinboy
    Member
    Posted 9 years ago #

    Ah, yes, my fix only works when you have content that is 'long' enough so you have to scroll, in which case the bottom of the #rap div is near the bottom of the viewport.
    This is really weird...

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.