mise en page HTML / CSS rompu en utilisant jQuery mobile

Question

J'ai un gros problème avec la mise en page d'une page Web conçue pour les écrans PC iPad et normal. Je veux avoir cette mise en page:

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

J'ai déjà cette mise en page conçu avec HTML / CSS et cela fonctionne dans tous les webbrowser commun (Firefox, Safari, Chrome - IEx n'est pas pertinent pour moi): http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

Mais maintenant, j'intégrer des trucs jQuery mobile et la mise en page est cassé. Vous pouvez voir ici le site: http://ud05_188.ud05.udmedia.de/spotlight /jquery.html Ils div zones se chevauchent et il semble que le fichier JavaScript est le jquery mobile problème.

Alors, comment puis-je déterminer où se situe le problème? Qu'est-ce qui ne va pas ici?

Merci d'avance pour votre aide!

Best Regards Tim

Answer 1

Je ne regarde pas encore dans plusieurs mises en page avec boîte-JQM, mais ce que je peux déjà suggérer est:

1. Voir si cela peut être fait avec les paramètres JQM. JQM pourrait avoir des attributs spéciaux pour vos commandes. Ou vous pourriez avoir besoin divs d'emballage supplémentaires.

2. Ajoutez marges / rembourrages à votre CSS. Ajout de coins arrondis produit souvent largeur supplémentaire pour les éléments.

Et si vous parvenez à le comprendre, s'il vous plaît poster ici comme une réponse à votre question.