I have successfully set up a the lightbox script at www.organicwoodworks.co.uk/

As you can see, I have specified the size to be 800x800 however the box is full width. I can live with that, but if it is going to be full width then I would want the image to be displayed in the center.

Can you let me know how to resolve this please.

Thanks

Interestingly, when you move the lightbox, it does resize to the correct size!?

Hello Jehan,

You have a css that is doing this, it is in www.organicwoodworks.co.uk/css/main.css file
and the css statement is following :

table {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

You need to remove the parameter : "width: 100%"
or to make the statement more precise by adding a class or id to it like:

table.mytables {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

and then assign that class to any table you like to obtain those css properties.

Regards,

I'm getting close, but having trouble centering the display of the lightbox, it appears on the left:

thelittlebeerbus.com/hudson-valley-new-york-brewery-tour-gallery.shtml

#dmxBoxWrapper {
position : fixed;
height : 100%;
top : 0px;
left : 0px;
margin : 0px;
padding : 0px;
z-index : 10000;
text-align : center;
zoom : 1;