Firefox/Internet explorer 8 et CSS

Le
JacK
Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?

Avez vous une piste pour contourner ce problème?

merci
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses Page 1 / 2
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
yamo'
Le #19770271
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?



Firefox puisque ce CSS valide avec juste quelques remarques (12 avertissements).

Il me semble qu'Internet Explorer ne comprenne pas du tout l'attribut
type, il vaudrai mieux utiliser des classes.


Avez vous une piste pour contourner ce problème?



Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).



--
Stéphane
http://pasdenom.info/fortune
yamo'
Le #22050111
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?



Firefox puisque ce CSS valide avec juste quelques remarques (12 avertissements).

Il me semble qu'Internet Explorer ne comprenne pas du tout l'attribut
type, il vaudrai mieux utiliser des classes.


Avez vous une piste pour contourner ce problème?



Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).



--
Stéphane
http://pasdenom.info/fortune
SAM
Le #22050101
Le 7/16/09 7:46 PM, yamo' a écrit :
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?





IE est bête !
IE est bête !
IE est ... quoi ?

bête

oui !

bravo !

Bon ... peut-être pas tant que ça ? (encore que ...)

Les css comprises par les différents IE :

Les sélecteur d'attributs pour IE :
dont l'exemple '=' :

Et que disent-ils ?
"Attribute selectors are enabled only in standards-compliant mode
(strict !DOCTYPE)."

donc si je comprends bien ... sans doctype "strict" ... macache !

IE et les doctypes :
Liste des doctypes :

IE.8 :

(pas testé, mais il est possible que l'attribut 'type' puisse poser pb)

--
sm
SAM
Le #19771881
Le 7/16/09 3:35 PM, JacK a écrit :
Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?

Avez vous une piste pour contourner ce problème?



Ne pas oublier le bon doctype (strict)
et ça roulera même avec IE.7

Voir réponse sur l'autre NG

--
sm
JacK
Le #19772931
SAM wrote:
Le 7/16/09 3:35 PM, JacK a écrit :
Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?

Avez vous une piste pour contourner ce problème?



Ne pas oublier le bon doctype (strict)
et ça roulera même avec IE.7

Voir réponse sur l'autre NG



Bonjour,

En effet c'était le doctype strict qu'il faut utilisé.

merci et bonne journée.
JacK
Le #22050091
yamo' wrote:
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?



Firefox puisque ce CSS valide avec juste quelques remarques (12 avertissements).

Il me semble qu'Internet Explorer ne comprenne pas du tout l'attribut
type, il vaudrai mieux utiliser des classes.


Avez vous une piste pour contourner ce problème?



Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).





Bonjour,

C'était le doctype strict qu'il fallait utilisé comme SAM l'a suggé ré.

merci de votre aide
JacK
Le #22050081
yamo' wrote:
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?



Firefox puisque ce CSS valide avec juste quelques remarques (12 avertissements).

Il me semble qu'Internet Explorer ne comprenne pas du tout l'attribut
type, il vaudrai mieux utiliser des classes.


Avez vous une piste pour contourner ce problème?



Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).





Bonjour,

C'était le doctype qui n'était pas bon.

merci de votre aide et bonne journée
JacK
Le #22050071
yamo' wrote:
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?



Firefox puisque ce CSS valide avec juste quelques remarques (12 avertissements).

Il me semble qu'Internet Explorer ne comprenne pas du tout l'attribut
type, il vaudrai mieux utiliser des classes.


Avez vous une piste pour contourner ce problème?



Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).





Bonjour,

Comme l'a suggéré SAM c'était le doctype qui doit être strict.

merci et bonne journée
JacK
Le #22050061
SAM wrote:
Le 7/16/09 7:46 PM, yamo' a écrit :
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas su r
IE8. Serait-ce une mauvaise écriture?





IE est bête !
IE est bête !
IE est ... quoi ?

bête

oui !

bravo !

Bon ... peut-être pas tant que ça ? (encore que ...)

Les css comprises par les différents IE :

Les sélecteur d'attributs pour IE :
dont l'exemple '=' :

Et que disent-ils ?
"Attribute selectors are enabled only in standards-compliant mode
(strict !DOCTYPE)."

donc si je comprends bien ... sans doctype "strict" ... macache !

IE et les doctypes :
Liste des doctypes :

IE.8 :

(pas testé, mais il est possible que l'attribut 'type' puisse poser p b)



Bonjour,

Ils disent bien le doctype doit être strict.


merci pour tout
Laurent vilday
Le #22050051
JacK :
SAM :
yamo' :
JacK :

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?





Les css comprises par les différents IE :

Les sélecteur d'attributs pour IE :
dont l'exemple '=' :

Et que disent-ils ?
"Attribute selectors are enabled only in standards-compliant mode
(strict !DOCTYPE)."

donc si je comprends bien ... sans doctype "strict" ... macache !

IE et les doctypes :
Liste des doctypes :

IE.8 :

(pas testé, mais il est possible que l'attribut 'type' puisse poser pb)



Bonjour,

Ils disent bien le doctype doit être strict.



Ah bon ? Vraiment ? Je n'arrive pas à trouver cette assertion à partir
des URL fournies. Et surtout parce que ce n'est pas ni ce que j'en ai
compris ni ce que un test rapide indique.

Pour moi, et d'après mes tests, le critère est le mode de rendu strict
ou quirks ("Attribute selectors are enabled only in standards-compliant
mode")

Je pense qu'il y a confusion entre mode de rendu "strict" et DTD
"strict" qui sont bien deux notions différentes malgrés le mot "strict".

mode de rendu strict (standards-compliant mode) et mode de rendu quirks
(compatibility-compliant mode)

Ainsi le test suivant qui est en HTML4.01 *Transitional* (donc DTD *pas*
strict) respecte bien les sélecteurs fournis, puisqu'il place le
document en mode de rendu strict.

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DTD transitionnal, IE8 et selecteurs CSS</title>

<style type="text/css">
input[type="text"] { background-color:blue }
input[type="submit"] { background-color:green }
input[type="reset"] { background-color:red }
</style>

</head>
<body>
<form action="#">
<input type="text" name="xxx">
<input type="submit">
<input type="reset">
</form>
</body>
</html>

--
laurent
Publicité
Poster une réponse
Anonyme