fancybox не сосредоточен

Question

Я использую fancybox 1.3.4 для отображения некоторого содержимого во всплывающем окне, но всплывающее окно не сосредоточено в браузере, как его исправить?

код HTML:

<a class="clickMe" title="" message="Last Updated: 10/1/2013">Privacy Policy</a> 

расслоение плотной код:

$("body").on("click", ".clickMe", function(){ 
    showAlertSized($(this).attr("title"), $(this).attr("message"), $(this).attr("width"), $(this).attr("height")); 
}); 
function showAlertSized(title, msg, width, height) { 
    debugger; 
    if(width === undefined){ 
     //width = 965; 
     width = '95%'; 
    } 
    if(height === undefined) { 
     //height = 700; 
     height = '95%'; 
    } 
    var content = '<h1>' + title + '</h1>' + 
     '<p class="msg">' + msg + '</p>' + 
     '<div class="fancy-btns"><input type="button" value="" onclick="closeAlert()" class="fancy-ok-btn" /></div>'; 
    $.fancybox({ 
     'content': content, 
     'hideOnOverlayClick': false, 
     'overlayOpacity' : 0.7, 
     'overlayColor' : '#777', 
     'width': width, 
     'height': height, 
     'autoDimensions': false, 
     'autoSize': false 
    }); 
} 

здесь скриншот

Answer 1

ваша ширина и высота устанавливается на 95% видового экрана так логикой вас имеют 5% ширины и высоты, пропавших без вести. Попробуйте добавить «margin»: 2,5% к вашему инициативе инициализации fancybox, это должно поставить 2,5% -ый запас на всех 4 сторонах вашего fancybox, делая его идеально сосредоточенным. К сожалению, я не могу проверить это или предоставить закодированный пример, но теоретически он должен работать!