1485 sujets

Web Mobile et responsive web design

Bonjour,

je veux utiliser une page de mon site qui est déjà responsive dans un iframe, cette page a un menu vertical (width=86px) quand l’écran est de largeur supérieur a 768px et en mode landscape, sinon le menu est affiché en bas de la page (largeur= 100%) quand l’écran est inférieur a 768px et en mode portrait.

le problème, dans l'iframe, le menu est toujours en vertical, comme si l'iframe prend toujours la page appelé en mode landscape!

pouvez vous m'aider svp?

upload/43349-Capture00.jpg
le code de mon iframe est comme ceci:

<div class="myFrame"><iframe width="640"height="480"src="mapage.html"></iframe></div>

.myFrame{
position:relative;
padding-bottom:56.25%;/* 16:9 */
padding-top:25px;
height:0;
}
.myFrame iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
Modifié par papay84 (09 Jun 2015 - 12:08)
Bonjour,

Il me semble qu'au sein de l'iframe il ne peut pas y avoir d'information de type media, elle n'est pas "transmise".
Le plus simple serait de l'appelé en php par exemple avec un "include"