28173 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un problème que je n'arrive pas à résoudre, avec IE6 uniquement :

Les H2 dans la page sont normalement avec une image d'arrière plan en no-repeat :


h2 {
	font-size: 1em;
	background-image:url(/cssall/bt-bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:2px 0 0 28px;
	margin: 0.75em 0 0.75em 0;
	font-weight: bold;}


et dans le conteneur HSW ils doivent avoir un background différend :


.HSW h2 {
	color:#660000;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	background-image:url(/cssall/str-j.gif);
	background-position:top;
	background-repeat:repeat;
	padding:0;
	margin:0 46px 0 49px;
	height:22px;
	overflow:hidden;}
	
.HSW h2 a {text-decoration:none;}


Ca marche partout, sauf sur IE6 qui me rajoute le petit palmier par dessus le fond jaune.
Et je n'arrive pas à l'enlever...

Voilà la page http://www.client2.lumieredelune.com/test6.htm

Merci d'avance à celui qui m'aidera !
Modifié par Marie-Aude (12 Aug 2007 - 22:54)
Bonjour,

Avec ma config particulière de multiple ie, mon ie6 ne prend pas en compte les commentaires conditionnel du coup ou tu as réglé ton problème ou c'est ton script pour les png qui coince car je n'ai pas de petit palmiers ...
D'ailleurs compte tenu que ton background est uni pourquoi ces png? un jpg avec tes images sur la même couleur de background devrait suffire Smiley cligne

Ps : je vais plus au Maroc sinon j'y reste ...
Re,

@Heyoan
Ben moi sur un IE6 natif pas de problème de plantage, par contre il y a le palmier sur le h2...

Si tu tentais:

<h2 class="sans_palmier"><a href="#" title="R&aacute;veillon dans les dunes">R&eacute;veillon 2008 dans les dunes</a></h2>


.sans_palmier {
	color:#660000;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0 46px 0 49px;
	height:22px;
	overflow:hidden;}

Modifié par ghost (12 Aug 2007 - 21:21)
Effectivement le truc n'apparait que dans un vrai IE6 natif, pas dans la version stand alone...

Et sur les écrans "bien calibrés" Smiley cligne le background n'est pas uni Smiley smile
Mais de toutes façons, background uni ou pas, si je passe en jpg et que je change la couleur du fond, il faut que je refasse tout... vive le PNG !

Alors en fait la technique de la class sanspalmier n'a pas marché.

Mais...


...

en mettant un div.h2 dans ma définition générique du h2 ça marche. Va savoir ...

Oui le Maroc c'est très chouette Smiley cligne
Et je vais vous tenter avec mes problèmes de CSS marocains !
Heyoan a écrit :
Salut Marie-Aude,

aurais-tu lu ce sujet et décidé d'essayer ? Smiley cligne

Car quand j'arrive sur ta page avec IE6 il plante Smiley langue !

A+

Tu m'inquiètes Smiley smile
J'ai testé avec IE6, IE7, Safari, Mozilla... et ça marche. IE6 est sur une machine à part, donc la vraie config...