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
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
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :
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.
Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).
--
Stéphane
http://pasdenom.info/fortune
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :
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.
Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).
--
Stéphane
http://pasdenom.info/fortune
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
Ne pas oublier le bon doctype (strict)
et ça roulera même avec IE.7
Voir réponse sur l'autre NG
--
sm
Bonjour,
En effet c'était le doctype strict qu'il faut utilisé.
merci et bonne journée.
Bonjour,
C'était le doctype strict qu'il fallait utilisé comme SAM l'a suggé ré.
merci de votre aide
Bonjour,
C'était le doctype qui n'était pas bon.
merci de votre aide et bonne journée
Bonjour,
Comme l'a suggéré SAM c'était le doctype qui doit être strict.
merci et bonne journée
Bonjour,
Ils disent bien le doctype doit être strict.
merci pour tout
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