Results 1 to 2 of 2

Thread: Z-INDEX BUG in IE7- Not sure what is causing my images to gap

  1. #1
    Join Date
    Mar 2008
    Posts
    46
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default Z-INDEX BUG in IE7- Not sure what is causing my images to gap

    Here is the link to what I am working on:
    http://contentx.com/cx_landing_page/

    Started to build this in Flash, and the client wanted flexability with mobile devices. I really don't want to use tables and sliced images, so I am using a lot of absolute positioning and z-index for my divs. Looks great in Safari and FF but the ticket images and green buttons have gaps in IE7.

    Here is the link to the CSS:
    http://contentx.com/cx_landing_page/styles.css

    Not sure how to get around not using Z-INDEX and absolute positioning without going back to slicing in Photoshop.

    Anybody have a fix for this z-index bug?
    Thanks in advance!

    cheers
    zeech

  2. #2
    Join Date
    Mar 2008
    Posts
    46
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default FIXED! needed to float the images and apply clear fix

    Here is how I did it:
    #tickets {
    width:423px;
    height:381px;
    position:absolute;
    z-index:2;
    left: 166px;
    top: 17px;
    overflow: hidden;
    }
    #tickets img {
    border:none;
    float:left;
    }

    and then applied this clear fix

    .group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •