z-index [CSS]
Hors ligneBrako Le 18/06/2009 à 10:51 Profil de Brako Configuration de Brako

Bonjour

J'ai un petit problème de superposition de deux blocs div, normalement on devrait pouvoir arranger ça avec un z-index mais je n'ai pas réussi ...

en simplifié, mon code html :


<div id="div1">
<img src="uneimage.png"/>
</div>
<div id="div2">

</div>


Pour une raison esthétique je me suis mis en tête de faire chevaucher le div2 sur le div1 en lui appliquant un margin négatif.

Sur IE tout fonctionne correctement mais sur firefox mon div2 se glisse entre le div1 et l'image, comment faire ?
--
Ce qui donne une éventuelle matière à suspecter une quelconque propagande ...
Hors ligneTatave17 Le 19/06/2009 à 19:25 Profil de Tatave17 Configuration de Tatave17

Papi Bidouille
Bonjour

Firefox est plus rigoureux
il applique les protocoles
essaies de travail en coordonnées: absolute
position:absolute;
left:??px;
top:??px;
tout petit exemple



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Document sans nom</title>
<style type="text/css">

#image1 {
position:absolute;
left:0px;
top:0px;
height:100px;
z-index:1;
}

#image2 {
position:absolute;
left:0px;
top:50px;
height:100px;
z-index:1;
}


</style>
</head>


<body>
<div id="image1">

<img src="xxxx.jpg" />
</div>
  <div id="image2">

  <img src="xxxx.jpg" />
</div>
</body>

</html>

tu auras un recoupement de 50%


@+
--
[couleur=#00CC66]N' oubliez pas de presser sur le bouton " Réponse accepté "à côté de la solution apportée si elle te convient[/couleur] [couleur=#0066FF]On aide plus un être en lui donnant de lui-même une image favorable qu'en le mettant sans cesse en face de ses défauts. "Albert Camus"[/couleur]
Hors ligneBrako Le 19/06/2009 à 20:35 Profil de Brako Configuration de Brako

merci beaucoup j'ai pu régler mon problème.

Ce que je ne savais pas c'est que pour manipuler un z-index il fallait que les éléments aient une position absolute,relative ou fixed .
--
Ce qui donne une éventuelle matière à suspecter une quelconque propagande ...
Hors lignePapang Le 03/05/2010 à 22:04 Profil de Papang Configuration de Papang

Bonjour à tous,

J'ai un petit soucis avec z-index moi aussi. Voici l'adresse de mon site (www.wowvaevictis.com), et j'aimerais que l'infobulle qui apparait quand on glisse le curseur sur les petites icones en dessous du menu soit en premier plan.

J'ai bien compris qu'il fallait utiliser "position: " mais je ne sais pas ou le placer. Est ce que quelqu'un pourrait m'éclairer s'il vous plaît ? Merci d'avance.

Papang.

Vous avez résolu votre problème avec VIC ? Faites-le savoir sur les réseaux sociaux !
Vulgarisation-informatique.com
Cours en informatique & tutoriels