D'avance je précise que j'ai un niveau grand débutant dans si possible ne soyez pas trop court dans vos explication
Je réalise un site en XHTML/CSS.
Il se compose :
-D’un background (bleu à motif).
-D’un design (tout le design est contenu dans la même div STYLE).
-D’un cadre interne (div INTERNE).
-D’une div MENU (div MENU).
J’ai utiliser la propriété z-index pour gérer la superposition des différentes div.
Div style : z-index 0
Div interne : z-index 1
Sur Firefox cela fonctionne très bien le texte contenu dans la div menu passé au dessu de la div style. Mais dans IE 6.0 cela ne marche pas. Il ne m’affiche que le contenu de la div MENU et n’affiche pas du tout la div STYLE.
Vous pouvez vérifier par vous-même ici : http://boghzi.free.fr/
Est-ce parce qu’IE ne prend pas en charge la propriété z-index ?? Dans ce cas existe-t-il une parade ? (javascript, CSS ect…).
J’ai pu lire qu’il y avait peut être une histoire de positionnement relatif ou absolue. Dans un cas le z-index fonctionnerait mais pas dans l’autre ?
Ou alors il s’agit d’un problème dans mon codage que voici :
Le CSS:
PHP
body
{
width:960px;
height:655px;
margin:auto;
background-image:url(fondgrand.jpg);
background-repeat:repeat-x;
}
#style
{
background-repeat:no-repeat;
background-image:url(dessinGE.png)!important;
background-image:url(file:///C|/Documents and Settings/oUo/Bureau/shirinkam/site HTML-CSS/no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='dessinGE.png');
width:960px;
height:655px;
z-index:0;
}
#interne {
position:relative;
left:161px;
top:164px;
width:675px;
height:365px;
z-index:1;
}
L'XTML:
PHP
<body>
<!--------------------------- div du style -->
<div id="style">
<!------------------------ div INTERNE pour mettre tout à l'intérieur -->
<div id="interne
<!-------------------------------------------------------------- div du menu -->
<div id="menu">
fvghfghfhfghfghfghfg
</div>
</div>
</div>
<!------------------------------------ div du titre -->
<div id="titre">
</div>
</body>