z-index pour un iframe ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu z-index pour un iframe ?

Message par Mr.Paste le Mar 23 Déc 2014 - 23:26

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://republiqueallemande.forumactif.org/forum

Description du problème

( je pollue le forum avec tout mes posts... >< )
Bonjour, j'ai utiliser "iframe" dans mon template overall_header et l'élément que j'ai mis en iframe prend de la place en haut de mon forum alors que j'aimerais qu'il puisse être dans la marge de gauche ( je pense avoir expliqué très bizarrement ), d'habitude pour mettre un élément au dessus du reste j'utilise "z-index" mais cela n'a aucun effet :/ Une solution ? Et aussi une solution pour position absolute ?

Merci, j'essayerais de ne plu faire un post à chaque fois que j'ai un petit problème :p Excusez moi pour cette fois car j'ai trouvé les réponse quand anglais en essayant de chercher :p ^-^


Edit : pour voir l'exemple, allez sur mon forum "iframe" dont je parle est le bouton information


Dernière édition par Mr.Paste le Jeu 25 Déc 2014 - 21:39, édité 1 fois

Mr.Paste
***

Messages : 154
Inscrit(e) le : 16/08/2014

Mr.Paste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: z-index pour un iframe ?

Message par Père Noël le Jeu 25 Déc 2014 - 4:45

Hohoho,


Pour le mettre dans la marge gauche avec une place ( c'est à dire que ça ne sera pas au dessus ou au dessous du contenu du forum ), il faut soit utiliser une colonne de widget ( et mettre son code dans le widget ), soit positionner l'élément, par exemple :

Code:
<div class="block_parent_info">
  <iframe src="http://republiqueallemande.forumactif.org/h2-test-message-information" height="200" width="400" frameborder="0" scrolling="no"></iframe>
</div>

et mettre ce css :

Code:
.block_parent_info { position: relative; }
.block_parent_info iframe { position: absolute; top:0; left:0; }

mais ensuite il faut trouver le contenu du forum et lui donner une marge ( afin qu'il ne soit pas sous l'iframe )


si le contenu du forum passe au dessus de l'iframe, à ce moment ( si il est en position absolue comme dans l'exemple que j'ai donné juste au dessus ), il faut ajouter au css de .block_parent :

Code:
z-index: 2;

Donc on aurait un code CSS qui serait :

Code:
.block_parent_info { position: relative; z-index: 2; }
.block_parent_info iframe { position: absolute; top:0; left:0; }


Joyeusement, Noel

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: z-index pour un iframe ?

Message par Mr.Paste le Jeu 25 Déc 2014 - 21:39

Merci Père-Noël c'est parfait Very Happy Et merci aussi pour les cadeaux de ce matin cheers

Mr.Paste
***

Messages : 154
Inscrit(e) le : 16/08/2014

Mr.Paste a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum