openElement

   Bonjour à tous,
J'utilise sur mon site un calendrier que j'affiche dans une Iframe.
En fonction des Media queries, je modifie la largeur et hauteur du contenant, et les mois du calendrier sont sensés se "ranger" différemment.
Sur PC, j'ai deux lignes de 3 mois, et sur smartphone, j'ai 3 lignes de deux mois.

Cela fonctionne très bien, mais récemment j'ai consulté mon site sur un Iphone, et là par contre les mois sortent de l'écran, sans se ranger gentiment comme ils le font sur Android!

Y a-t-il un spécialiste Iphone ici qui saurait pour quelle raison cela ne fonctionne pas uniquement sur cet appareil?

Ici le code de l'Iframe:
<div id="calendrier" style="max-width:690px"><iframe name="calendrier" id="calendrier" style="width:100%;height:725px;" src="http://hissla-alsace.fr/Dispo/calendrier.php?mois=0&amp;an=0&amp;langue=fr&amp;locataire=0&amp;logement=2" scrolling="no" frameborder="0" allowtransparency="true">Votre navigateur ne supporte pas les frames</iframe></div>

Le calendrier peut être consulté sur cette page par exemple.

Auteur	Message Sujet Recherche Options des sujets Répondre Créer un nouveau sujet Version imprimable Traduction Sujet
olive681 Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Senior Member Depuis le: 04 Mar 2015 Pays: France Status: Inactif Points: 333	Options des messages Répondre Citer olive681 Rapporter un message Thanks(0) Citer Réponse Sujet: Largeur Iframe sur Iphone Envoyé : 02 Dec 2017 à 09:38
	Bonjour à tous, J'utilise sur mon site un calendrier que j'affiche dans une Iframe. En fonction des Media queries, je modifie la largeur et hauteur du contenant, et les mois du calendrier sont sensés se "ranger" différemment. Sur PC, j'ai deux lignes de 3 mois, et sur smartphone, j'ai 3 lignes de deux mois. Cela fonctionne très bien, mais récemment j'ai consulté mon site sur un Iphone, et là par contre les mois sortent de l'écran, sans se ranger gentiment comme ils le font sur Android! Y a-t-il un spécialiste Iphone ici qui saurait pour quelle raison cela ne fonctionne pas uniquement sur cet appareil? Ici le code de l'Iframe: <div id="calendrier" style="max-width:690px"><iframe name="calendrier" id="calendrier" style="width:100%;height:725px;" src="http://hissla-alsace.fr/Dispo/calendrier.php?mois=0&an=0&langue=fr&locataire=0&logement=2" scrolling="no" frameborder="0" allowtransparency="true">Votre navigateur ne supporte pas les frames</iframe></div> Le calendrier peut être consulté sur cette page par exemple.
	hissla-alsace.fr

Dmit OE Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971	Options des messages Répondre Citer Dmit OE Rapporter un message Thanks(0) Citer Réponse Envoyé : 03 Dec 2017 à 13:41
	Bonjour, Le calendrier est fait avec des tableaux (<table>), et selon la taille d'ecran c'et un autre tableau qui est chargé. Je ne sais pas comment, probablement du JavaScript qui analyse la taille de l'ecran. Si vous savez, regardez pour augmenter la largeux de l'ecran/fenetre qui declenche le passage entre les deux. En emulation Chrome je ne vois pas de soucis. Precisez le modele de l'iPhone et l'orientation de l'ecran. Il y a par contre un autre souci - le tableau Tarifs est coupé sur les iPhones.

openElement

Largeur Iframe sur Iphone