JQuery Mobile-Site

[freakyBOi]

Hi,

Ich mache im Moment ein Projekt, wo ich eine Seite mit JQuery Mobile entwickele. Diese Seite nutzt die neue Browserinterne HTML5-Datenbank und läuft somit nur im neuen Firefox, in Google Chrome und im neusten Safari Browser.

Leider spinnt das Layout gerne mal, also es verschiebt sich auf einmal alles, so dass die Schrift teilweise hinter irgenwelchen anderen Elementen wie Buttons versteckt wird und wenn ich zwei divs nebeneinander anordne, sieht das manchmal auch komisch aus (ich bin leider kein CSS-Experte!).

Hier ist die Seite:
http://www.eliszis.de/p/
Damit man in etwa nachvollziehen kann, wie die Seite auf einem mobilen Endgerät aussehen würde, kann man einfach das Browserfenster entsprechend verkleinern.

Es würde mich sehr freuen, wenn mir jemand helfen könnte ein paar Bugs im Layout zu beseitigen.

 

[Arcsinh]

Also, bei mir sieht so weit alles in Ordnung aus.
Wenn du sagst, dass sich manche Elemente hinter anderen "verstecken", kannst du vllt. z-index benutzen.

 

[freakyBOi]

Hi,

Zuerst mal vielen Dank für dein Feedback.

Also ich hab jetzt einen Screenshot von einer Situtation, wo das Layout total entstellt ist, angehängt.

Es passiert manchmal, wenn eine Fehlermeldung eingeblendet wird, weil die eingegebenen Daten nicht die Prüfungskriterien erfüllt haben (z.B. wenn man eine Reise abspeichern möchte). Die Fehler treten komischerweise meistens erst auf, wenn man schon ein paar mal auf der Seite hin- und hergeklickt hat...

Ich hab mir mal das mit dem Z-Index angeschaut. Wie ich das verstanden hab, kann ich da nur bestimmen welches Element über welchem liegen soll, aber ich will ja eigentlich, dass jedes Element in seinem Bereich bleibt und nicht das die Elemente übereinander liegen...

 

[kkapsner]

In welchem Browser tritt das Problem auf?

 

[freakyBOi]

Hi,

Also ich hab jetzt meistens mit Google Chrome getestet, aber in anderen Browsern (Firefox 4.0 oder Safari) ist das Problem auch manchmal aufgetreten.