shadowbox not filling the whole screen on iPad's Safari
No matter what positioning the iPad is in (landscape or portrait), shadowbox doesn't fill the safari screen completely (the dark overlay has a gap to the right and bottom of it). Is there some sort of switch I need to turn on to make this work 100% on the iPad? Any info or suggestion is appreciated.
Re: shadowbox not filling the whole screen on iPad's Safari
I have the same problem, It is not a problem of css in my opinion.
I think that count of dimension of browser viewport is not valid on Safari for IPAD.
If I find a solution today I will post it here..
Simply forcing the viewport width one time is not a solution, because when you change orientation, shadowbox is not able to resize itselfs.
This could be a way to solve it with a little coding, But I warn you I don't test perfectly this way.
In fact I found an other simpler solution:
You can use magic..
I set up meta in this way.. <meta name = "viewport" content = "width = device-height" />
width = device-height ???
this works for me, I wish only to understand better how this works...
Really IPAD calculate the viewport dimension at change of orientation with some complex logic to keep the most of website pretty on their devices.
If you take a test you will find that jquery read the viewport width at 980 when is 1024 in landscape portrait and a little less also in the other orientation. This cause shadowbox strange wrong calculation.
So It works but I don'know why... :-D Thanks to all that wrote about this..