Placer une iframe avec un rotate (cordova)

RemiG26
Les bases HTML/CSS

Bonjour,

Mon but aujourd'hui est de placer une iframe retourner de 90 degré dans l'ecran du téléphonne. Pour cela je lui applique une transformation ça pas de problème. Mais quand j'essais de la placer avec les positions absolute elle ne se met pas correctement. Dans l'idéal je voudrais qu'elle prennent toute la place.

<body>
    <div class="content">
        <a href="#"><i class="icon-cog"></i></a>
        <iframe id="frame" src="https://ade6-upmf-ro.grenet.fr/direct/?top=top&projectId=15&login=etudiant-IUT-Valence&password=iutval&resources=62&showTree=false&showOptions=false" frameborder="no"/>
    </div>
</body>
#frame{
            position: absolute;
            top: 0;
            bottom: 0;
            transform: rotate(-90deg);
            transform-origin: 100% 0;
            right: 100%;
            height: 100%;
            width: 100%;
            z-index: 0;
        }

Le a n'est qu'un bouton placer au dessus il ne pose pas de problème ( je crois ). Et donc la j'obtiens la frame qui prend que la moitié de hauteur et qui dépasse en largeur.
Avez vous une idée merci beaucoup

2 réponses

JeremieMeunier

Pour moi :

right : 0px;
/* et non : */
right: 100%;

Parce que dans ton cas la droite de l'iframe sera à 100% de la droite de l'écran !

RemiG26
Auteur

En mettant right : 0px; l'iframe n'apparait plus du tout :(