kartopercz
New Member
I've created a simple div overlay with the following CSS:\[code\]position:absolute;top:0;left:0;display:none;cursor:default;z-index:101;width:100%;height:100%;\[/code\]jQuery is used to fade it in.All works great on all browsers, but when viewing it on mobile devices the div isn't 100% tall. I've also tried the following:Setting the div's dimensions to \[code\]screen.width\[/code\] and \[code\]screen.height...\[/code\] same resultsAdding the \[code\]<meta name="viewport" content="width=device-width,initial-scale=1" />\[/code\]tag to the index ... which screwed a ton of stuff up and made the overlay about 25% width of the phone....I've never run into an issue like this before and can't seem to see any problems with the CSS.Any ideas?