IE6 display:block display:none

Bonjour,
J'ai un problème avec Ie6. Dans une div "carré noir" quand je la survole j'affiche une div dessous contenant une liste.
Sous ie 6 cette liste est piégée dans le carré du dessus.
Je joint une photo pour que ce soit plus clair


merci

Hello,
Un bout de code ou une page en ligne pourrait aider...

Bonjour,
Voici http://huiles-et-nature.fr/fleur-de-bach/les-38-fleurs-de-bach.html
il faut ajouter un produit au panier et survoler le panier Sous firefox Ie7 a 8 c'est bon mais pas sous IE6.

Essaie de mettre un z-index: 1 (ou plus) sur la div#cart-content.

Je ne suis pas un expert mai je ne suis pas sur qu'IE6 permette à une div de dépasser de la div parente.
Modifié par Tetranima (15 Oct 2010 - 15:48)

Je suis pas expert en IE6 non plus, personne à une solution à me proposer?

Essayes en modifiant ce code dans #cart-content

position:absolute;
right:0;
top:43px;

par ce code :

position:relative;
right:169px;
top:-23px;

Bonjour/bonsoir,

c'est ton filter:progid:DXimage ... avec la variable crop , qui reduit ce div a la taille du png que tu utilises.
propose plutot un gif en alternatif ou rien , et ça marchera

Ton filtre correctif pour le png est incompatible avec l'effet que tu recherches.

GC

re,

as tu compris de ce quoi je parlais ?

Ton script js pour les png :

function enableAlphaImages(){
	var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
	var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
	if (itsAllGood) {
		for (var i=0; i<document.all.length; i++){
			var obj = document.all[i];
			var bg = obj.currentStyle.backgroundImage;
			var img = document.images[i];
			if (bg && bg.match(/\.png/i) != null) {
				var img = bg.substring(5,bg.length-2);
				var offset = obj.style["background-position"];
				obj.style.filter =
				"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
				obj.style.backgroundImage = "url('"+BLANK_IMG+"')";
				obj.style["background-position"] = offset; // reapply
			} else if (img && img.src.match(/\.png$/i) != null) {
				var src = img.src;
				img.style.width = img.width + "px";
				img.style.height = img.height + "px";
				img.style.filter =
				"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='crop')"
				img.src = BLANK_IMG;
			}
		}
	}

Il s'applique a tout les elements qui ont un png en arriere plan ou a toutes les images png et reduit leur dimension a la taille du png. (-> sizingMethod='crop').
Soluces :
1) mettre un gif ou jpg en arriere plan a .panier-header
2) passer l'image en arriere plan de #header-cart par exemple.
3) laisser tombé les png dans IE6 ...

GC[/i][/i]

Bonjour,
Merci pour vos réponses en relatif j'ai essayé cela ne fonctionne pas.
Je vais essayer avec le gif merci pour la piste gc-nomade

J'ai mis un gif pour IE et cela fonctionne à la perfection. Un grand Merci
Je vais aussi désactiver ce script png pour IE6 qui n'est pas top.