コンテンツの後に表示される空白を削除できません。Jquery コードが長すぎましたが、少ないコードで問題を再現できました: http://jsfiddle.net/uQC9U/。
私はこれを試しました：div要素とJQueryモバイルの下部スペースの余分なスペースの解決策。
<html>
<head>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<BODY>
<div data-role="page" id="homepage" >
<div>
<form method='post' id='registerform' action='index.php'>
<label class='error' id='registererrorA' > </label>
<button type='Submit' id='registerbttn' name='registerbttn' data-theme='c'>Register</button>
</form>
</div>
</div>
</BODY>
</html>
そして、私は次のコードで遊んでいます:
- html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}
- div { margin:0; padding:0; }
- #page {
text-align: center;
border-bottom: solid 1px #FFC;
height: auto;
padding: 0;
bottom: 0; }
PS私の英語を許してください
投稿に解決策を投稿することは許可されていませんが、解決策を見つけました:これを変更しました:
<button type='Submit' id='registerbttn' name='registerbttn' data-theme='c'>Register</button>
の中へ
<input type='submit' id='registerbttn' name='registerbttn' data-theme='c' value='Register' />
余分なスペースが消えました。