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

Home Forums CSS Trouble with Layering CSS divs

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

    Hey everyone. I really need some help layering some divs. I have the z-index property set, but it seems to be being ignored….

    #sideimg {width: 264px; height: 100%; background-image:url(images/side.png); background-repeat:repeat-y; position:absolute; top: 0; left: 0; z-index:3;}

    #logo {background-image:url(images/logo.png); background-repeat:no-repeat; z-index:10; position: absolute; top: 0; left: 5px; width: 221px; height: 168px;}

    The sideimg should be behind the logo, but its not working unless I take the z-index property from the sideimg….which in turns moves it behind other images. Not sure where the problem is or what to do. Any help is appreciated.


    Ok, I found the problem….feel kinda dumb now, but maybe this will help someone else. I had accidentally set the z-index property of the parent div on the logo and it was showing at that layered position instead of the one I set for it.

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