Make it obsolete to change the padding in the lightbox.js

Just an addition: It seems that the js doesn't respect the height of the part with the text and the arrows in the alternative layout when calculating the top-space of the lightbox.

I don't use any image description and have this issue as well with Firefox 2.0.0.12 as with Konqueror 3.5.8. Both under Linux. I attached one screenshot of every browser showing the issue. The screenshot covers the whole visible area of the window, to see more, you need to scroll.
When I set the top-margin of the lightbox div to 0px, there isn't any space between the border of the picture and the top of the window. So there is no strange place due to my stylesheet.
But there may be problems with a different padding than the orginal padding. I set the padding in the lightbox.js to 8 and in the stylesheet the padding of #imageContainer to 8px.

I hope these infos help to figure out what's wrong there.

On the public version of that website I've only smaller pictures, which should be small enough to fit into the window. Locally I tested how it would look with larger pictures and zoom and stumbled over that issue.
The above screenshots have been taken using 5.x-2.4. I only adjusted the borderSize in the .js to 8 and added the following css code to the stylesheet of my theme:

#bottomNavZoom, #bottomNavZoomOut {
top:8px;
left:8px;
}

#imageContainer {
padding:8px;
}

Regards
Dunedan

I know that the original paddings don't match. But when I use a higher borderSize than the padding it looks like the attached screenshot. That screenshot has been taken with borderSize 15 and padding 8. It fits to the bottom of the window, but the right border around the image is bigger than the left. That happens always when I use a greater borderSize than the padding. So I use the same value for borderSize and padding.

Regards
Dunedan

Ok, but there are some contradictions. Just assume that the image would be correctly centered: How could I make the border left and right of the image smaller without losing the correct positioning of the image between top and bottom?

The padding is atm only used to put the image in the middle of the lightbox region. The only way to shrink this region is to shrink the borderSize, what'll cause the losing of the top-bottom-positioning.

Regards,
Dunedan

I assume you don't understand the issue:

With the currenct code it is impossible to create a lightbox with an image border less than 15px left and right while the image isn't running over the bottom (assuming it's an image that can be zoomed).

Just try it out. You can't shrink the borderSize to less than 15 if you wanna fit the image into the window without floating above the bottom. And if you've a borderSize of 15 you have 15px border left and right of the image. The padding property doesn't affect that.

It's hard to describe that issue, but I'll keep trying.

Regards,
Dunedan

Ok, thx for your help. That patch works like a charm. :-)