jQueryモバイルを使用してHTML/CSSレイアウトを破った

Question

iPad用と通常のPC用に設計されたウェブページのレイアウトに大きな問題があります。 私はこのレイアウトを持つようにしたい：

http://img227.imageshack.us/img227/9978/layoutw.png

私はすでにHTML/CSSを使用して設計このレイアウトを持っており、それはすべての一般的なウェブブラウザ（Firefoxの、サファリ、クロム - IEXは私には関係ありません）で動作します。 http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

しかし、私はいくつかのjQueryモバイルのものを統合し、レイアウトが壊れています。 ここにウェブサイトが表示されます：http://ud05_188.ud05.udmedia.de/spotlight/jquery.html div領域が重複していて、jquerymobile JavaScriptファイルが問題であるようです。

したがって、どこに問題があるのか​​を特定できますか？ここで何がうまくいかないの？

ありがとうございました！

よろしくティム

Answer 1

私はまだJQMとマルチボックスレイアウトに見えますが、私はすでに提案できることはありませんでした：それはJQM設定で行うことができる場合

1. を参照してください。 JQMには、コントロールのための特別な属性があります。または、余分なラッピングdivが必要な場合があります。

2. CSSに余白/パディングを追加します。丸みを帯びたコーナーを追加すると、エレメントの余分な幅が生じることがあります。

あなたがそれを理解することができれば、あなた自身の質問に対する答えとしてここに投稿してください。