Discussion :

[dragonfly]

Bonjour à tous.

J'ai un soucis , sur ma page web j'ai une iframe et un menu.
Lorsque la souris va sur le menu, une div s'affiche mais alors qu'elle devrait s'afficher au dessus de l'iframe, elle s'affiche en dessous.

Ce probléme ne se pose que sous IE (evidemment) et cela marche nickel sous FF

Un piti bout de code (épuré au max)
HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
Div : 
  <div id="inviclient" onMouseOut="this.style.display='none';" onMouseOver="this.style.display='block';">
	<table style="z-index:15;">
	<tr onMouseOver="this.className='trvert'" onMouseOut="this.className=''"> 
      <td align="center" width="200px"><a href="interne.asp?menu=dailyquotations" class="menulinkvert">Daily Quotations</a></td>
    </tr>
 	</table>
 </div>
 
iframe :
 
			<iframe frameborder="0" id="middle" name="middle" src="http://webmail.icare-mr.com/webmail/src/login.php"></iframe>

et le CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
DIv: 
 
#inviclient{
	display:none;
	position:absolute;
	top:27px;
	left:135px;
	width:150px;
	z-index:10;
}
 
iframe : 
 
#middle {
	position:absolute;
	z-index:0;
	top:62px;
	left:193px;
	width:827px;
	height:600px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow-x: hidden; 
	overflow-y: auto; 
}

Quelqu'un a t-il une idée ?
Sinon j'ai vu que en fait les iframe sont interprétées différemment sous IE.
J'avais penser remplacer iframe par object mais comment mettre un fichier .asp dans un object ?

Donc :
prio => Trouver solution avec iframe
Sinon => Au pire, remplacer par object

MERCI d'avance

[MasterOfChakhaL]

Salut,

La seule solution que je connais est de se passer des iframe. La manière qu'à IE de les gérer fait qu'il les dessine par dessus ton document sans soucier du reste (c'est pareil avec les select dans un formulaires).

Tu peux essayer de passer par l'élément object, pour voir (je ne sais pas ce que ca va donner)
http://xhtml.developpez.com/faq/?pag...hier_inclusion

Sinon, si tu manipules un langage côté serveur, tu peux inclure le fichier grace à lui. Cependant, cela demandera des modifications sur ta page puisque tu n'auras plus qu'un seul document au total. Tu n'auras le droit que de garder le contenu du body. Donc si tu as des choses importantes dans le head, il faudra les indiquer dans le premier document.

[dragonfly]

Argh, je ne peut pas faire autrement parce que dans cette iframe se trouve un site que j'ai fait sauf que dans ce site j'utilise des chemins logique (../../)pour les liens et autres.

Mais avec un server.execute (j'utilise ASP) il considére que ces chemins logiques (appelé lors d'un click dans le site situé dans l'iframe) partent à partir du site contenant l'iframe donc y'a un gros méchant bug qui tue tou...

Et puis tout changer les chemins logiques en chemin physique (c://...) ca me fait un peu chier et puis je n'aime pas utiliser des chemins physique.

Pour le object OK mais quand je l'insére à la place de la iframe
=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<object  border="0" id="middle" name="middle" data="../../WebProd/Resources/client/index.asp" type="text/html"></object>

Et :
=> Sous Ie y'a une bordure horrible qui ne veut pas partir même avec border=0
=> Le tableau dans la div se retrouve toujours en dessous de l'object sous IE alors qu'il devrait se trouver au dessus

[XtoX]

J'arrive pas à reproduire ton problème. Dans ton code édulcorer, la div de ton menu ne s'affiche pas, car le css indique display:none.

[dragonfly]

Re,

C'est normal qu'il est a none car dans ma page il ne s'affiche que lors du passage de la souris, mais si tu veut reproduire le probléme tu peut enlever le none