diseño HTML / CSS roto usando jQuery Mobile

Question

Tengo un gran problema con el diseño de una página web diseñada para el iPad y pantallas de PC normales. Quiero tener este diseño:

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

Ya tienen esta disposición diseñada con HTML / CSS y funciona en cada navegador web común (Firefox, Safari, Chrome - IEX no es relevante para mí): http://ud05_188.ud05.udmedia.de/spotlight/webpage.html

Pero ahora integrar un poco de materia móvil jQuery y el diseño se rompe. Se puede ver aquí la página web: http://ud05_188.ud05.udmedia.de/spotlight /jquery.html Ellos div áreas se superponen y parece que el archivo JavaScript jquery mobile es el problema.

Entonces, ¿cómo puedo identificar donde se encuentra el problema? ¿Qué está pasando mal aquí?

Gracias de antemano por su ayuda!

Saludos cordiales Tim

Answer 1

Yo todavía no mirar en diseños de varias cajas con JQM, pero lo que ya puedo sugerir es:

1. A ver si se puede hacer con la configuración JQM. JQM podría tener atributos especiales para sus controles. O puede que tenga divs de envoltura adicionales.

2. Añadir Márgenes / rellenos a su CSS. Adición de esquinas redondeadas a menudo produce anchura adicional para los elementos.

Y si logras entenderlo, por favor, puesto aquí como una respuesta a su propia pregunta.