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

Home Forums CSS I have problem of absolute posistions and z-index with IE7

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

    Hello friends,

    IE7 renders some abosulte positioned divs incorrectly in my site… for instance I have an absolute positioned div named “item-content” doesn’t overlap the image .It comes hidden below the image and gets invisible . While it works properly in IE8 .
    Also there is an absolute p div : before bug . It disapears in IE 7.

    #content .item {
    position: relative;
    background: url(library/images/no-image.jpg) no-repeat center center #fff;
    height: 250px;
    margin-bottom: 2%;
    overflow: hidden;
    box-shadow: 0 0 5px #dedede;
    border: 1px solid #fff;


    #content .item-content {
    width: 100%;
    position: absolute;
    bottom: 0;
    word-wrap: break-word;

    #content .item-content header {
    position: relative;
    width: 100%;
    z-index: 3;

    #content .item-content h2{
    background: url(library/images/trans.png);


    #content .item img{
    position: relative;
    height: 200px;
    z-index: 0;
    text-align: center;


    The title which should overlaps the image, comes behind it

    I hope you give some guide lines to fix this annoying problem …

    Andy Howells

    Please create a [Codepen]( so we can visualise the problem and help you work on a fix more efficiently.



    I saw this new member post, so I decide to enter. I am not a developer but Im trying to set my webpage, i am looking for a nice slider and really Anything Slider is amazing.
    So, please anybody can tell me how to set up this slider on my web, its a boonex dolphin web site.

    Thanks a lot
    my email: [email protected]


    Thanks Josh. Already read this article. It’s intersting but it ddin’t fix my case… maay be I didn’t employ the solution correctly!!

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