jQuery Mobile: le panneau externe absolu sur le côté droit ne fonctionne pas

Je veux utiliser un en-tête externe et deux panneaux externes, un à gauche et un à droite. La capture: Les panneaux doivent toujours être visibles sur les grands écrans.

J’ai eu quelques problèmes pour positionner les panneaux avec un en-tête externe (interne fonctionne très bien), que j’ai pu résoudre pour le panneau de gauche en utilisant

position: absolute; left: 0; top: 4em; 

Cependant, cela ne fonctionne pas avec le panneau de droite, en utilisant

 position: absolute; right: 0; top: 4em; 

le place simplement au-dessus du panneau de gauche.

• Comment empêcher les identificateurs de fragments de s’afficher dans l’URL
• Masquage de l’élément parent avec le sélecteur | avec fonction de filtrage (jQuery)
• obtenir la couleur de fond de rgba par jquery
• Couleur de superposition de JQuery FancyBox
• Bonjour tout le monde ne fonctionne pas correctement en HTML avec jointjs?

Vous pouvez voir ceci sur ce jsFiddle: https://jsfiddle.net/9eb4mekr/

Quand j’utilise la position: relative; float: right; position: relative; float: right; au lieu de cela, le panneau de droite sera à droite mais en dessous de tous les autres panneaux (essayez-le dans le jsFiddle)

Une idée sur le bon positionnement des panneaux externes quand ils sont toujours visibles (grands écrans)? Plus un en-tête externe?

• JavaScript – Bouton «Défilement vers le bas» – Défilement de la page de destination au sumt de l’en-tête
• Comment puis-je empêcher les utilisateurs de faire glisser une page horizontalement?
• Activez le menu, cliquez sur le lien du menu, puis fermez-le – mais uniquement en mode mobile
• La fonction scrollTop de jQuery ne fonctionne pas après un appel ajax
• JQuery remplace une portion de texte dans par un