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

Home Forums CSS Z-Index ? And Absolute Positioning

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

    So I have two issues:

    (1) You’ll notice a little flag at the top of the site, but when I resize the browser window or change the resolution the flag moves. I want it to stay in one spot.

    (2) The Content-Wrapper (where the photo is) , seems to be taking on the opacity of the layer below it.

    Any help would be huge !



    add position: relative; to #wrapper. That will establish a new formatting context that the absolute positioning of #surf will be relative to (you’ll need to adjust the margins and left settings of #surf). For the second issue, opacity affects all children – there’s no workaround. Remove the opacity from #page-wrap and use a transparent background instead – background-color: rgba (105, 37, 36, 0.9);

    Why are calling the same stylesheet twice? And where’s your doctype?


    Wolfcry911 That worked perfectly!!! This is great. I can finally move on to my other pages.

    Thanks for noticing the 2nd call, I removed that, and as for doctype (seems my novice shows) I added a doc type too. Any other suggestions I’ll take.

    AND Again thanks you were such a huge help.

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