On a site I'm working on, the Black style displays halfway off the right side of the page, but the plain style works fine. The issue is that the black style uses different centering code.

In the black style, find width: 100% for div#sevenUpLightbox and replace it with width:50%;left:25%

This fixes the black style to match the positioning of the default.

This is a bug in the sevenup script itself, and has also been reported there:
http://code.google.com/p/sevenup/issues/detail?id=27

Comments

3rdvalve’s picture

3rdvalve commented

We've seen this when used with the Zen template and fixed it by adding the following to the theme css so there's no messing with core:

#sevenUpLightbox {
left:0;
}

meustrus’s picture

meustrus commented

I had this problem with the "Site Offline" page (not sure if that's Garland, but it looks like it). It would be nice if this could be part of the module, instead of requiring theme modification. It would be as easy as adding "left:0;" to the div style in sevenup_black.0.3.js. That might need some kicking upstream, but it most certainly won't break anything and might fix problems for people who didn't even know they had them (it's easy to forget about this module since it only pops up if you have a crappy browser, which isn't common among web people).