Does Not Work in IE7

Create issue
Issue #9 invalid
Former user created an issue

In IE7 the image is not centered vertically in the viewport. It seems to be centered between the top of the viewport and the place on the page where the link was clicked. Try the Suerbox picture mode demos from the demo page and you'll see what I mean. None of them work properly in IE7.

Comments (16)

  1. randomdaftname

    I have a client reporting a similar issue, with the superbox loading at the centre and foot of the page.

    I've failed to replicate the issue in 4 instances of IE7 (and IE8 in compatibility mode).

    Requested more information about the version number of the browser, and they gave me the resolution of the screen, I love clients! Will make another attempt for the right information.

    Screenshot attached.

  2. Former user Account Deleted

    I am not sure about this plug in,I am here for another reason, was broswing reports... Anyway, I have had some issues with some other plugins with trailling comas in IE.

    in your instance, you have

    closeTxt: "CLOSE&nbsp;<span style=font-size:18px;>X</span>", // "Close" button text

    as beeing the last option. options are coma separated, the browser, seeing a " , " is expecting another option, but none comes.

    Might be a lead. Try it, it doesn't hurt. Might not solve anything still. :)

  3. Former user Account Deleted

    Dont work on iE7

    I think is because of Force Quirks Mode

    "<!--Force IE6 into quirks mode with this comment tag-->"

    Is there any workaround ?

    Safari 4.03 is fine Firefox 3.5 is fine Chrome is fine

  4. Former user Account Deleted

    i pasted following code to css, than works fine in IE7:

    /* IE7 */

    • :first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
    • :first-child+html #superbox{position:relative;top:-50%;display:block;}
  5. Former user Account Deleted

    Just found a solution

    • :first-child+html #superbox-container{position:absolute;top:50%; left:-50%; display:block; height:auto; }

    if you don't see it the solution for IE7 is left:-50%;

    Aleksandar Tasevski

  6. Former user Account Deleted

    This looks like it can be fixed by changing the doctype.

    Taken from:

    ColorBox is positioned incorrectly or behaving strangely in Internet Explorer:

    This is likely a doctype issue. ColorBox requires a valid doctype and rendering in quirks mode is not supported. Make sure you are using the full doctype declaration to insure rendering in standards mode.

    This abbreviated doctype renders the document in quirks mode for Internet Explorer: <!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN">

    The doctype with URI renders in standards mode for all browsers: <!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN" "">

    whew! -Rob

  7. Log in to comment