28173 sujets

CSS et mise en forme, CSS3

Bonjour !

J'ai un petit problème en ce qui concerne l'ordre de superposition d'une image avec le background de l'élément suivant que j'ai remonté un peu. Ce problème n'apparait que sous Internet Explorer ...

Voici la page concernée : http://www.testcombat.com/~iguane/index.php?id=home

Sous Firefox on voit bien le logo mais pas sous IE

Code xhtml de la page concernée :
 
<div id="logo"><img src="images/png24/logo.png" /></div>
<div class="fenetre_annonce">
	  	<div class="fenetre_titre"></div>
  	  	<div class="fenetre_corps_annonce">
                 ...
  	  	</div>
  	  	<div class="fenetre_bas"></div>
</div>


Extrait du CSS :
#logo {
	margin-top:60px;
	margin-left: 60px;
	text-align:left;
	height:170px;
}

.fenetre, .fenetre_annonce{
	padding-left:28px;
	width:822px;
}

.fenetre_annonce{
	margin-top:-220px;

.fenetre_corps_annonce{
	text-align:center;
	margin-top:-5px;
	padding-left:200px;
	padding-right:25px;
	background-image: url("images/gif/fenetre_corps.gif");
	background-repeat:repeat-y;
}


Comme j'ai eu plein de problèmes avec IE, notamment la gestion de la transparence j'ai une feuille de style rien que pour lui tout seul, si qqn pouvait me suggérer une modification ça peut donc être spécifique à IE.

Merci pour votre aide !!
Erf je suis tombé dans les méandres du forum à la 3ème page Smiley bawling

Devrais-je ajouter des précisions pour expliquer mon problème ? Je répond à toutes les questions sisi Smiley cligne

Ne serait-ce qu'une piste cela pourrait m'aider !

Merciii Smiley confused
Salut !

J'ai eu le même problème que toi.
J'éspère que c'est pas trop tard!

J'ai reussi à la contourner en ayant créer une feuille de style pour ie et une pour les autres nav. Dans le css pour ie j'ai mis un z-index de -1 sur le div ayant un background-image.
Attention cette manip n'est pas conforme aux normes du W3C mais ie non plus! Smiley langue
Faudrait interdire IE!!!!

Voilà.

A bientôt ! Smiley cligne