Layout HTML / CSS spezzato, utilizzando jQuery Mobile

Question

Ho un grosso problema con il layout di una pagina web progettata per i normali schermi di PC iPad e. Voglio avere questo layout:

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

Ho già questo layout progettato con HTML / CSS e funziona in tutti i browser web comune (Firefox, Safari, Chrome - iEX non è rilevante per me): http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

Ora però integrare alcune cose mobili jQuery e il layout è rotto. Potete vedere qui il sito web: http://ud05_188.ud05.udmedia.de/spotlight /jquery.html Essi div aree si sovrappongono e sembra che il file JavaScript jquerymobile è il problema.

Quindi, come posso identificare dove si trova il problema? Cosa c'è che non va qui?

Grazie in anticipo per il vostro aiuto!

Con i migliori saluti Tim

Answer 1

ho ancora guardare in layout multi-box con jQm, ma quello che posso suggerire è già:

1. vedere se può essere fatto con le impostazioni jQm. JQm potrebbe avere attributi speciali per i controlli. Oppure si potrebbe essere necessario div avvolgimento in più.

2. Aggiungi margini / imbottiture al vostro CSS. Aggiunta angoli arrotondati spesso produce larghezza supplementare per elementi.

E se si riesce a capirlo, si prega di postare qui come una risposta alla tua domanda proprio.