CODEWITHSUNDEEP
jquerycssfancybox
user1776459
user1776459

Reputation: 11

Fancybox excessive margin

Fancybox is adding excessive right margin to the overlay body.

You can see what happens here: http://www.thermae.com/boetfort/nl/fotoalbum/113/bar-restaurant

I figured it had something to do with the scrollbar (as was suggested in an earlier post around here) - but after playing around a bit this doesn't appear to be the case.

Any thoughts?

I didn't overwrite the base CSS, nor use any custom Fancybox settings

Upvotes: 0

Views: 182

Answers (2)

Janis
Janis

Reputation: 8769

I see that you have changed to fancyBox v1, but I`ll answer anyway.

You have added extra scrolling for "html" tag:

html {
    overflow-y: scroll;
}

And, unfortunately, that causes this issue - https://github.com/fancyapps/fancyBox/issues/340

Upvotes: 1

Pramod Kumar Sharma
Pramod Kumar Sharma

Reputation: 8012

I have looked into this found that there is a problom in this css rule so just change it to 

#fancybox-outer {
    height: 100%;
    position: relative;
    width: 94%;
}

in 

"http://www.thermae.com/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css"

Upvotes: 0

Related Questions