• Before anyone jumps on me about searching for topics that already exist…
    I’ve been searching all morning and every time I rearrange my words or try to think of a different way to phrase it, I get hit with this:

    We couldn’t find anything!
    Please try a different search.
    I looked under each of the sections; Docs, Support Forums, etc.

    ————-On to the problem.
    So far this problem only shows up in IE. The NextGen Gallery locks the single image or gallery on the bottom of the screen after you click on the
    thumbnail. And it only displays half of the picture.

    Img001
    Img002

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter bishoplynx

    (@bishoplynx)

    Has anyone experienced this?

    Yep having the same problem too. checked the same in safari, ie6, ff works fine, centers the image, but like you say, ie7 loose half at the foot.

    I’m not sure if its in the css the problem, if its in the thickbox css or nggallery css, there are ie6 hacks in there, but its strange, cause usually ie7 display more like ff which is good, so this got me worried. will post if i get something through with it.

    theres another forum open with this issue i just found, gonna try it out, you can find it here http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positioning-bug/
    laterz gonna check it out

    Could not get this to work. Even admin when thickbox is used to embed media in pages doesn’t work in ie7????? got problems in opera too. image does not load? aren’t plugins tested against multiple browsers? This must be a major issue right, but theres hardley anything about it except for jamazon, who’s patch still doesn’t work. Most likely its jquery prob, got no idea????? grrrrrrrrr

    Thread Starter bishoplynx

    (@bishoplynx)

    hmm. Thats to bad. I’ll see what I can track down.

    It works found the fix, its posted here http://wordpress.org/support/topic/170320?replies=12#post-741557

    by user voddie, it was a css problem in thickbox.css change this
    /* Orginal install css*/

    #TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
    }

    to this

    #TB_window { /* my IE7 Hack*/
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    bottom:10%;
    left:50%;
    }

    phew!!

    Even better – change it to:

    #TB_window { /* my IE7 Hack*/
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    bottom:5%;
    left:50%;
    }

    This is so you still get some gap between the image and the top of the browser 🙂

    replace the IE6 hack just below the one discussed above with:

    * html #TB_window { /* ie6 hack */
    bottom:15%;
    position: absolute;
    margin-top: expression(0 – parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + ‘px’);
    }

    centre’s it more in IE6

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘IE7 and NextGen Gallery Issue’ is closed to new replies.