28172 sujets

CSS et mise en forme, CSS3

Encore ce fameux z-index sous IE ! Grrrrr [résolu]

Bonjour à tous,

petit nouveau dans le monde du css, je tente désespérément de faire un code valide pour IE.
J'ai un souci avec mes z-index. J'ai deux blocs, un arrière plan contenant la majeur partie de mon site, et un "calque" superposé dans lequel j'ai ma navigation. Je vous mets le code


#fond{
	width: 100%;
	position: absolute;
	background-image: url(images/background-bas.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	z-index: 1;
}

#niveau1{
	width: 840px;
	height: 450px;
	position: relative;
	margin: 0 auto 0 auto;
	z-index: 2;
}


Ça fonctionne très bien avec tous les navigateurs (j'ai fais des screenchot via un webbrowser) mais IE (quelque soit la version) me décale mon bloc "niveau1" sur la droite et ne tient pas compte des marges !!! Ah j'oubliais, ces deux divs dépendent directement de "Body" donc je n'ai pas de div parent. Comme elles sont sœurs j'ai essayé de tout passé soit en absolute soit en relative, mais rien à faire…

Merci pour votre aide, je devient dingue Smiley cligne

ps : je suis conscient que le problème a déjà du être traité des dizaines de fois mais je ne trouve pas de réponse à mon problème dans le forum qui fourmille d'astuces pourtant…
Modifié par Papy38 (16 Mar 2009 - 17:22)
salut,

tu n'as pas un lien pour voir ton problème. ou les screens que tu as pris .

puis la structure de ton html.

merci à toi.
Modifié par flattazor (15 Mar 2009 - 14:07)
salut,

pour teste


html, body { margin: 0;
	     padding: 0;
	     overflow: auto;
	   }

#fond{
	width: 100%;
	position: absolute;
	background-image: url(images/background-bas.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	margin: 0;
	padding: 0;
        z-index: 1;
}

#niveau1{
	width: 840px;
	height: 450px;
	position: absolute;
	top: 200px; /*-- à modifier suivant ton image */
	left: 50%;
	margin-left: -420px;
        z-index: 2;
}


sans des données permettant le positionnement (top et left) la div va sur le coin supérieur gauche.
++
Modifié par flattazor (15 Mar 2009 - 18:10)
ça marche avec IE 8 !!!!
je n'ai pas encore testé avec les autres.
Un grand merci !!! c'est génial.
salut,

si en cas de succés avec les autres navigateurs, du devrait editer ton premier post et marquer resolu sur le titre

++
Sujet clos
Aller à