The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Positioning Issue

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #27696

    Hey guys,

    I am new to the forum, and hope to be a long-time member here. I love CSS and will hopefully be able to help some people as well, but right now I am stumped.

    I have a website I am working on, you can view the progress here:

    I can’t get the content area to go above my #content-top.
    If I position it relative and try to get it up there, then it just goes behind the White part, so it is hidden.

    If I position it absolute and try to bring it down to the content area, that works but when I have a lot of content it won’t expand down it goes right over it, ontop of the background image.

    If I put #content-top INSIDE of #content then it works but my content background image will be at the top, so the rounded corner won’t be transparent, it will have the bottom sidebar image behind it.

    I hope this makes sense. But anyway, I’ve tried many things and I can’t seem to figure it out. Does anyone have any suggestions?

    It’s supposed to look like this:

    Thanks so much :-)


    It just turns white, since #content-top is overriding it. I tried z-index, but nothing will work.


    It’s looking good, but the #content background is going over the #content-top transparent background, so the rounded corner doesn’t show the main background anymore.

    Anything we can do about that?



    Thanks for trying. It’s really killing me :- I need this done for a client, lol.



    Here is where I started from:

    Refresh / Clear Cache. So right here this is how everything is supposed to look, except the text moved up to the top, but it’s difficult, I can’t just position the text how I want it.

    Do you have any ideas, now looking at this version?


Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.