1485 sujets

Web Mobile et responsive web design

Bonjour,

je rencontre un soucis de mise en forme avec jquery mobile.
Je déclenche un popup sur un lien, et le popup n'est pas centré sur mon navigateur chrome sur un smartphone Sony Xperia L. Il est pourtant bien centré sur un iPhone ou sur un Samsung (Chrome) ou encore sur un retour moniteur classique.

Pensez-vous que cela vient de mon mobile qui interpreterai mal ou bien un problème de code, sachant que le paramètre data-position-to="window" permettant de centrer est bien indiqué sur le lien, comme le notifie la doc de jquery mobile

Code du lien qui appelle le popup :
<a id="reserver" href="#confirm_resa" data-theme="a" data-rel="popup" data-transition="pop" data-position-to="window">Réserver mon panier</a>


Code du popup :

<div data-role="popup" id="confirm_resa" data-overlay-theme="a" data-dismissible="false" class="popup_confirm">
<h1>Confirmation</h1>
	<div data-role="content" data-theme="d">
		<p>Souhaitez-vous réserver vos coupons de réduction ?</p>
		<a href="#" id="resa_ko" data-role="button" data-inline="true" data-rel="back" data-theme="c">Annuler</a>    
		<a href="#" id="resa_ok" data-role="button" data-inline="true" data-transition="flow">Réserver</a>  
	</div>
</div>


Merci pour vos réponses.