Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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:
avatar

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

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

https://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