Rechercher : dans
Par :

Affichage div par dessus Iframe

Dernière réponse le 1 oct 2009 à 16:27:10 mayvba, le 1 oct 2008 à 13:53:37 
 Signaler ce message aux modérateurs

Bonjour,
Je realise un site et j'aimerai savoir comment je peux afficher une div par dessus une IFRAME car meme en agissant sur z-index (le plus élevé= celui de dessus) mon IFRAME s'affiche au dessus de ma 'div'

Configuration: Windows XP
Internet Explorer 6.0

1

DelepY, le 2 oct 2008 à 00:00:57

J'ai réussis par miracle à enlever le problème.. je ne sais pas comment !!
j'utilise des Table à la place des Div.. mais j'ai refait un code plus court en XML/XSL/JS, et j'ai retrouvé ton problème !!
(et en plus, sa le fait que sur Internet-Explorer!! )

http://delepy.perso.cegetel.net/menuH/menu.htm
si tu découvre le pourquoi, bravo !! (stp, si tu trouve qqch, dit le nous..)

Répondre à DelepY

2

mayvba, le 2 oct 2008 à 10:20:52

Re... Dans tous les forums que j'ai lu ils disent qu'apparemment une IFRAME et les COMBO BOX passent tjs devant les div sous IE et qu'on ne peut rien y faire..j'i essaye d passer ma div en table mai je perd le contenu (texte) je voudrais donc mettre autre chose à la pla ce de la frame sachant que j'affiche dans ma frame un doc pdf..
Par quoi puis-je remplacer mon IFRAME???????
Existe til un equivamlent?

Répondre à mayvba

3

DelepY, le 2 oct 2008 à 15:03:19

<iframe src="defaut.htm">incompatible!</iframe>

si tu fait du PHP, tu peut le remplacer par :

<div style="overflow:visible;height:100px;width:100px">
<?php
$page= 'defaut.htm';
if( isset($_REQUEST['page']) ) //cherche la page à afficher en Post ou Get
$page= $_REQUEST['page'];
include($page); //rajoute le contenu de la $page
?>
</div>

...si tu voie l'idée..
le 'overflow' permet de mettre les barre de défilement...

mais comme je te dit : ma page de menu utilise un <table style="position:absolute"> sans z-index ou autre, et là, pour une fois, sa marche !! (je ne sais pas pourquoi !!)

je n'ai pas d'autre idée..

Répondre à DelepY

4

 pseudonymeanonyme, le 1 oct 2009 à 16:27:10

Bonjour,

plus d'un ans apres... mais si cela peut servir....

Pas de solution pour le div devant l'iframe Mais... il et possible de placer une anim flash au dessu (ou en dessou) le l'iframe et de jouer sur le style de l'iframe afin de faire passer l'iframe dessou le flash.

Explication avec le code :

//premier ligne d'un tableau avec une anime flash (meme vide...)


<tr>
<td colspan="2">
<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="26" title="Méteo">
<param name="movie" value="essai.swf" />
<param name="quality" value="high" />
<embed src="essai.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="26"></embed>
</object></noscript>
</td>

</tr>



// une deusieme ligne avec l'iframe avec la style="position:relative; top:-20px"
//on remarque le "top:-20px" qui permet de faire glisser l'iframe sous l'anime flash


<tr>
<td colspan="2" align="center">
<iframe style="position:relative; top:-20px" src="http://essai.html" width="140" height="300" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowtransparency="true">
</iframe>

</td>

</tr>


Voila cela permet par example de placer un element devant l'iframe voir meme
de caché un morceau de l'iframe.

En espérant que cela aide quelqu'un

Répondre à pseudonymeanonyme