z-index pour un iframe ?

[Mr.Paste]

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

[Père Noël]

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:

[Mr.Paste]

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