Le contenu affiché sur la page JQuery écrite n'a pas de marges et le contenu est proche du bord du navigateur, ce qui est particulièrement laid (comme indiqué ci-dessous)
Le code est le suivant :
Copiez le code comme suit :
<corps>
<form id="form1" runat="serveur">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>Contenu des actualités</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="News Image" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Consultation restauration</h4>
</div>
</div>
</form>
</corps>
En fait, la raison est très simple, c'est-à-dire que le contenu affiché n'est pas placé à l'intérieur du contenu, il suffit donc d'ajouter un data-role="content" au div. Le code modifié est le suivant :
Copiez le code comme suit :
<corps>
<form id="form1" runat="serveur">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>Contenu des actualités</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="News Image" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Consultation restauration</h4>
</div>
</div>
</form>
</corps>