Quoting this post
Indecent Act
said
:
Hevilmystic
said
:
As for the lightboxes, they are brilliant. I have one minor issue though: It takes the scroll bar on the right hand side into account when calculating your browser size. Is it possible you could make it not count ~20 pixels on the right hand side?
Okay I've tried a few things, it is possible but this is how it looks.
http://puu.sh/9UE5j.jpg
That looks kind off to me and tbh I'm not keen on doing that.
I've tried hiding the scrollbars and that works well, everything has perfect symmetry. But the content of the page jumps 17px to left and back again when the images opens and closes, that's off putting as well.
So what I can instead of making background behind the image semi transparent like it is currently in the lightbox. I can make it opaque, this hides the content moving when the scrollbars disappear. It looks like this...
http://puu.sh/9UEB4.jpg
So I have two options, leave it as is or remove the scrollbars and make the background opaque.
Opinions?
Edit: I might just do an update with the last idea and see what people think
Did that, and the background image of the web page stretches and the mainconent div jumps 17px. Even if I pad the div so it remains in place the background image still moves to fill the space where the scrollbar was. It's just a sharp snap that looks really bad imo.
Good luck, I didn't try the box-sizing Property but I'm not sure if it will help with the main bg image snapping to fill the screen. Technically the viewport has widened when the scrollbars go, and I'm just fighting against the whole box model concept which isn't really the way to go.
I need a break before I start making silly mistakes, I been looking at the screen too long lol
03-Jul-2014 06:48:03
- Last edited on
03-Jul-2014 06:48:36
by
Indecent Act