For example: http://piedmontvahistory.org/archives/items/show/124
The shadow layer covers part of the screen on Omeka pages - non-Omeka pages using the same Lightbox 2.04 are fine. I've changed doctypes and compared js files and css files but alas. Any solutions gratefully accepted!
I'm sorry, I don't quite understand what the issue is here. The lightbox seems to be working in the way I expect it to. Can you provide an example of a page that does what you want it to?
Internet Explorer 8 & 7 only, on 4 different computers (not all mine) show the shadow overlay extending from the left edge maybe 1000px as if it were set a fixed width, left-aligned. The rest of the screen is unshadowed. I tried using the lightbox js & css that works on IE in other non-Omeka sites and they're fine. Just something about Omeka, I'm thinking.
Now: if you saw the layer, what browser/platform, etc were you using? Weird.
I doubt it's specific to Omeka, except in the sense that there is possibly something in your theme conflicting with something in the lightbox code.
The support page for the Lightbox you are using has this problem/answer:
The shadow overlay doesn't stretch to cover full browser window.
Remove the default margin and padding from the body tag. Add body{ margin: 0; padding: 0; } to your stylesheet.
I see you have margin:auto on the body tag. I'm not sure if that's the issue, but it might be.
I'm on a Mac (and it's ok in Firefox and Chrome), so I can't check IE right now, but should have a chance later in the week.
Thanks; been messing with this on and off for months -- tried that and found that removing the centering from the main css and putting it on the lbox css is quite logical imho but it simply left-justifies all the pages and doesn't affect the shadow layer. And sorry - I didn't mean Omeka itself, just something I've done to it. I expect there's another rhythm version that lb works in; I've modified the thing so much it's unrecognizable. But the museum people love it!
It's good in Safari and all the rest; just not IE. Sigh.
I was having the same problem, but if you change the following line of the lightbox css it seems to work.
Remove "left:0;" from #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
Now that's funny! The overlay is now centered in IE (yay!!) and Opera (was a full layer but that's okay) is now right-aligned in FF, Safari, and Chrome. Thanks much. Maybe if I tried again to make the layer really really big....
Ok I think I figured it out. Try deleting the width and margin from body {font-size:62.5%; color:#332211;width:960px; background-color: #b3ad9c; margin: 0 auto; background-attachment: fixed; background-color: #fff;background-image: url(../images/fall/JeffFrymapbg2.jpg);background-repeat: repeat;} in your fall.css file. This seemed to fix the problem for me.