Konten yang ditampilkan pada halaman JQuery tertulis tidak memiliki margin, dan kontennya dekat dengan tepi browser, yang sangat jelek (seperti yang ditunjukkan di bawah)
Kodenya adalah sebagai berikut:
Copy kode kodenya sebagai berikut:
<tubuh>
<form id="form1" runat="server">
<div data-role="halaman" id="halaman">
<div data-role="header" data-theme="b">
<h2>Konten berita</h2>
</div>
<div>
<div>
<asp:ID Gambar="newsImage" runat="server" AlternateText="Gambar Berita" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Konsultasi katering</h4>
</div>
</div>
</bentuk>
</tubuh>
Sebenarnya alasannya sangat sederhana, yaitu konten yang ditampilkan tidak ditempatkan di dalam konten, jadi tambahkan saja data-role="content" ke div. Kode yang dimodifikasi adalah sebagai berikut:
Copy kode kodenya sebagai berikut:
<tubuh>
<form id="form1" runat="server">
<div data-role="halaman" id="halaman">
<div data-role="header" data-theme="b">
<h2>Konten berita</h2>
</div>
<div>
<div>
<asp:ID Gambar="newsImage" runat="server" AlternateText="Gambar Berita" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>Konsultasi katering</h4>
</div>
</div>
</bentuk>
</tubuh>