HTML / CSS-Layout gebrochen jQuery Mobile verwenden

Question

Ich habe ein großes Problem mit dem Layout einer Webseite entworfen für iPad und normalen PC-Displays. Ich möchte dieses Layout haben:

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

ich bereits dieses Layout entworfen, um mit HTML / CSS und es funktioniert in allen gängigen Web-Browser (Firefox, Safari, Chrome - IEx ist für mich nicht relevant): http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

Aber jetzt binde ich einige jQuery Mobile Sachen und das Layout gebrochen. Hier können Sie die Website: http://ud05_188.ud05.udmedia.de/spotlight /jquery.html Sie div Bereiche überlappen, und es scheint, dass die jquerymobile JavaScript-Datei ist das Problem.

Wie kann ich erkennen, wo das Problem liegt? Was läuft da falsch hier?

Vielen Dank im Voraus für Ihre Hilfe!

Mit freundlichen Grüßen Tim

Answer 1

Ich habe noch nicht schauen Sie in Multi-Box-Layout mit JQM, aber was kann ich schon vorschlagen, ist:

1. Sehen Sie, wenn es mit JQM Einstellungen vorgenommen werden. JQM könnte spezielles Attribut für Ihre Steuerelemente hat. Oder Sie könnten zusätzliche Verpackung divs benötigen.

2. Fügen Sie Ränder / Polsterungen zu Ihrem CSS. Hinzufügen oft abgerundete Ecken erzeugt zusätzliche Breite für Elemente.

Und wenn Sie es schaffen, es herauszufinden, bitte hier posten als Antwort auf Ihre eigene Frage.