Discussion :

[grenoult]

Bonjour,

Je travaille actuellement sur un plan en 2D d'un bâtiment de mon entreprise.

Ce plan est généré en SVG et il peut y avoir un <div> superposé à ce plan. On a donc du HTML sur du SVG.

Au niveau du HTML, mon div est en position "absolute", le div qui contient le plan et le plan en lui même sont tous les deux en "relative".

Pour FireFox, pas de souci après que j'ai géré mes z-index de la sorte :

• 1 pour le plan
• 2 pour le div

Par contre cela ne fonctionne pas sous Internet Explorer 6 (je sais c'est nul mais c'est le standard dans mon entreprise...), y a t'il un moyen pour que cela fonctionne correctement sous IE6 ?

En effet il m'affiche le div en dessous du plan.

Merci.

[grenoult]

Rectification, le parc informatique est maintenant sous IE7, mais le problème persiste... Comment faire ?

Merci.

[Macmillenium]

Bonjour,

Pourrais tu poster ton code (X)HTML/CSS stp ?

[grenoult]

Bonjour et merci de prendre du temps pour mon problème.

Voici le code HTML/CSS de la balise appelant le SVG :

Code :

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

1
2
3
<div id="panneau" style="position: absolute; left: 320px;">
	<embed width="730px" height="1075px" type="image/svg+xml" src="plan3.php?tel=1&materiel=1&util=1&prises=1&nombureau=1&salleserveur=1" style="z-index: 1;"/>
</div>

Et le code du div superposé à ce plan SVG (c'est une simple flèche en fichier GIF) :

Code :

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

1
2
3
<div id="fleche" style="position: relative; z-index: 2; top: 60px; left: 213.75px; width: 85px; height: 110px;">
	<img src="./images/fleche_bureau.gif"/>
</div>

Merci.

[Macmillenium]

Il faut renseigner l'attribut WMODE.
Un :

Code html :

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

1
2
 
wmode="transparent"

Sur ton EMBED devrait fonctionner.

[grenoult]

Merci beaucoup ça fonctionne (presque) bien maintenant

Plus qu'à gérer un problème de positionnement chez IE7 et c'est bon !