Firefox/Internet explorer 8 et CSS

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 <http://jigsaw.w3.org/css-validator/validator> considère
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

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 <http://jigsaw.w3.org/css-validator/validator> considère
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

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 :
<http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx>

Les sélecteur d'attributs pour IE :
<http://msdn.microsoft.com/en-us/library/aa358833(VS.85).aspx#ssver>
dont l'exemple '=' :
<http://msdn.microsoft.com/en-us/library/aa770069(VS.85).aspx>

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 :
<http://msdn.microsoft.com/en-us/library/ms535242(VS.85).aspx>
Liste des doctypes :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

IE.8 :
<http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx>

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

--
sm

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

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.

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<http://jigsaw.w3.org/css-validator/validator> considè re
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

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<http://jigsaw.w3.org/css-validator/validator> considè re
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

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<http://jigsaw.w3.org/css-validator/validator> considè re
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

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 :
<http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx>

Les sélecteur d'attributs pour IE :
<http://msdn.microsoft.com/en-us/library/aa358833(VS.85).aspx#ssver>
dont l'exemple '=' :
<http://msdn.microsoft.com/en-us/library/aa770069(VS.85).aspx>

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 :
<http://msdn.microsoft.com/en-us/library/ms535242(VS.85).aspx>
Liste des doctypes :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

IE.8 :
<http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx>

(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

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 :
<http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx>

Les sélecteur d'attributs pour IE :
<http://msdn.microsoft.com/en-us/library/aa358833(VS.85).aspx#ssver>
dont l'exemple '=' :
<http://msdn.microsoft.com/en-us/library/aa770069(VS.85).aspx>

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 :
<http://msdn.microsoft.com/en-us/library/ms535242(VS.85).aspx>
Liste des doctypes :
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

IE.8 :
<http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx>

(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