Masquage de div qui ne fonctionne pas sur IE 6

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Masquage de div qui ne fonctionne pas sur IE 6

Zoltan32

Bonjour.

J'ai un div qui s'affiche en surimpression sur ma page, dont voici le CSS :

Code :

#conditionnement
{
position:absolute;
top : 200px;
left : 35px;
width : 662px;
height: 502px;
z-index : 10;
background:url("./cond_fond.png" ) no-repeat;
padding: 15px;
color: #C8B700;
font-size:12px;
overflow:auto;
}

Le fond est un PNG 24 (sous IE il est placé grâce à la propriété filter).
Dans ce div j'ai un autre div contenant le bouton "fermer", contenant du Javascript :

Code :

<div id='btnFermer'><a href='#' onClick='javascript:document.getElementById("conditionnement" ).style.display="none";'><img src='./css/Fermer.gif' alt='Fermer' title='Fermer' /></div>

et dont voici le CSS :

Code :

#conditionnement #btnFermer
{
position :absolute;
right : 80px;
top : 15px;
}

Sur Firefox le div se masque bien quand on clique sur le bouton Fermer. Sur IE le bouton Fermer s'affiche bien, mais rien ne se passe quand on clique dessus...
On m'a dit que ça pouvait avoir un rapport avec le fait que ça soit un PNG 24 qui soit en fond.

J'ai testé aussi :

Code :

<input type="button" id="btnFermer" style="background-image:url(./css/Fermer.gif); width:38px;height:28px"
onclick="javascript:document.getElementById('conditionnement').style.display='none';"/>

Code :

<input type="image" src="./css/Fermer.gif"
onclick="javascript:document.getElementById('conditionnement').style.display='none';"/>

Mais aucun des 2 ne fonctionnent sur IE 6.
Pour le input type="button" IE 6 n'affiche même pas mon image, il laisse un bouton basique vide, et il n'y a même pas d'animation "enfoncé" quand on clique dessus.

Si je mets le bouton en dehors de mon div "conditionnement", là par contre ça fonctionne... Mais moi je veux que le bouton soit dans le div conditionnement (un peu comme les lightbox).

Merci pour vos réponses.

Message cité 1 fois
Message édité par Zoltan32 le 18-12-2007 à 18:21:26

Publicité

tpierron

Il n'y a pas besoin de (il ne faut pas ?) rajouter "javascript:" dans des attributs onclick.

Edit: des images dans des boutons, ce n'est la balise "button" qu'il faut utiliser (qui fonctionne très mal sous Safari) ?

Message édité par tpierron le 18-12-2007 à 18:35:18

mIRROR

Chevreuillobolchévik

Zoltan32 a écrit :

Code :

<div id='btnFermer'><a href='#' onClick='javascript:document.getElementById("conditionnement" ).style.display="none";'><img src='./css/Fermer.gif' alt='Fermer' title='Fermer' /></div>

nickel ton code [:vomi]

Zoltan32 a écrit :

et dont voici le CSS :

Code :

#conditionnement #btnFermer
{
position :absolute;
right : 80px;
top : 15px;
}

nickel ton code [:vomi] [:vomi]
on ne le repetera jamais assez :
les positions absolute/relative ne sont a reserver que dans des cas de force majeure !
c est a dire un client extremement con, chiant qui debarque avec une maquette absolument pas realiste
tu n as aucune raison d en utiliser dans ton cas
surtout pour petit bouton a la con
tu nous montre deux elements de ta page...les deux en absolute
tu fais forcement de la merde [:spamafote]
deja apprends un peu les css et on reparlera de ton js

Zoltan32 a écrit :

J'ai testé aussi :

Code :

<input type="button" id="btnFermer" style="background-image:url(./css/Fermer.gif); width:38px;height:28px"
onclick="javascript:document.getElementById('conditionnement').style.display='none';"/>

Code :

<input type="image" src="./css/Fermer.gif"
onclick="javascript:document.getElementById('conditionnement').style.display='none';"/>

nickel ton code [:vomi] [:vomi] [:vomi]
nan je suis désolé mais apprends ~~les css~~ le html steuplé [:alph-one]

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

FORUM HardWare.fr

Programmation

HTML/CSS

Masquage de div qui ne fonctionne pas sur IE 6

Sujets relatifs
[Resolu] Update ADODB ne fonctionne pas	Regex qui ne fonctionne pas
[CSS ] mon background-attachment fonctionne uniquement sur IE	insert ne fonctionne pas
Mon popup ne fonctionne pas !!!	Form ne fonctionne pas
Password fonctionne en Flash7 mais pas en Flash8	Cadre fixe sous IE décalé sous firefox
Requête MySQL qui fonctionne dans PhpMyAdmin mais pas dans mon script	checkbox ne fonctionne pas
Plus de sujets relatifs à : Masquage de div qui ne fonctionne pas sur IE 6

Page générée en 0.090 secondes