次のページ スキーマを使用して、jquery モバイルで非常に単純なチャット ページを作成しようとしています。
<div data-role="header" data-position="fixed">
<h1>Chat with...</h1>
</div><!-- /header -->
<div data-role="content">
<div id="chatcontents"></div><input type="text" />
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
Footer
</div><!-- /footer -->
div「chatcontents」にすべてのメッセージを含め、入力テキストを下部に配置します。
問題は、jquery mobile が私の css 設定をオーバーライドするため、下部のテキストボックス (フッターを考慮) と「chatcontents」が画面の残りの部分を占めるように、下部から始まるテキストでうまくいかないことです。
すでにこれを試した人はいますか？
前もって感謝します。