JQuery Mobileを使用して壊れたHTML / CSSレイアウト

Question

iPadと通常のPCディスプレイ用に設計されたWebページのレイアウトに大きな問題があります。このレイアウトが欲しい：

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

私はすでにこのレイアウトをHTML / CSSで設計しており、すべての一般的なWebbrowser（Firefox、Safari、Chrome -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を使用してマルチボックスレイアウトをまだ検討していませんでしたが、すでに提案できるのは次のとおりです。

1. JQM設定で実行できるかどうかを確認してください。 JQMには、コントロールの特別な属性がある場合があります。または、追加のラッピングDIVが必要になる場合があります。

2. CSSにマージン/パディングを追加します。丸い角を追加すると、多くの場合、要素に余分な幅が生成されます。

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