Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP CSS ne réagit pas avec FFox

CSS ne réagit pas avec FFox

10 réponses
Avatar
JPW
Bonjour,

J'utise un page html avec un fichier de style CSS
La page s'affiche correctement dans IE,, mais pas dans FireFox.
Y a-t-il quelque chose à faire?

Merci

JPW

Voici le script de la page htm:
<link href="style.css" rel="stylesheet" type="text/css">


Voici le contenu du fichier CSS:
/* CSS Document */

body {
background-color:#FDF8EC;
font-family:arial,verdana,helvetica;
font-size:80%;
scrollbar-face-color:#FFA200;
scrollbar-track-color:#EAEAEA;
scrollbar-arrow-color:#FCF3E0;
scrollbar-shadow-color:";
scrollbar-highlight-color:";
scrollbar-3dlight-color:";
scrollbar-darkshadow-color:";
}
h1 {

color:red;
background-color:#CCCCCC;
font-size:180%;
font-family:arial,verdana,helvetica;
}
h2 {

color:#FFA200;
background-color:#EAEAEA;
font-size:160%;
font-family:arial,verdana,helvetica;
}
h3 {
color:#999999;
font-size:120%;
font-family:arial,verdana,helvetica;
}
h4 {
font-size:100%;
font-family:arial,verdana,helvetica;
}
h5 {

}
p {


}
textarea {
background-color:#FCF3E0;
font-family:arial,verdana,helvetica;
font-size:100%;
}
input type='text' {
background-color:white;
font-family:arial,verdana,helvetica;
font-size:100%;
}

select {
background-color:#FCF3E0;
font-family:arial,verdana,helvetica;

}
a:link {
color:#FFA200;
text-decoration:none;
font-family:arial,verdana,helvetica;
}
a:visited{
color:#A73E10;
text-decoration:none;
font-family:arial,verdana,helvetica;
}
a:hover{
color:#FFA200;
text-decoration:underline;

}
td {
font-size:10pt;
font-family:arial,verdana,helvetica;
}
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
JPW
Bonjour

BOF! J'ai mis FFox au goût du Jour (version 2.0): pas de changement!
IE=OK ; FF = pb
Voici ci-dessous le source d'une page html que j'utilise.
Si qq1 a un résultat correct avec FFox, qu'il me le dise..
Sinon, que changer dans le fichier css?

Merci de votre aide

JPW

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<h3 align="left">Ecole</h3>
<h1 align="center"><u>Gestion de la Bibliothèque Centre de Documentation
. </u></h1>
<form method='POST' action='maj.php?com=ajout'>
<div align='center'><center><table border='2' cellpadding='3'
width='90%'>
<tr>
<td rowspan='2' width='40%' align='left'>Périodique :
<input type='text' size='20' name='periodique'><p>
Titre : <input type='text' size='50' name='titre'></p>
</tr>
</table>
</center></div>
</form>
</body>
</html>
Avatar
ASM
JPW a écrit :
Bonjour

BOF! J'ai mis FFox au goût du Jour (version 2.0): pas de changement!
IE=OK ; FF = pb
Voici ci-dessous le source d'une page html que j'utilise.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link href="style.css" rel="stylesheet" type="text/css">



Tant que tu ne te décideras pas à modifier ( corriger ! !!) ta feuille
de style, faudra pas continuer à raler.

indice (déjà mentionné par ailleurs !) :


input type='text' {
background-color:white;
font-family:arial,verdana,helvetica;
font-size:100%;
}

quel est l'intrus ?












Pas trouvé ?









alors remplacer par :

input {
background-color:white;
font-family:arial,verdana,helvetica;
font-size:100%;
}

et si tu vises vraiment les champs de texte :

input[type=text] {
background-color:white;
font-family:arial,verdana,helvetica;
font-size:100%;
}

Mais ... cette fois c'est sans doute IE qui sera dévarié ? !

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date
Avatar
JPW
J'ai trouvé!

Mon script html commençait par
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
En virant cette ligne le css fonctionne bien avec IE et FF.
Mais je ne comprends pas pourquoi cette ligne (que je n'ai pas mise
intentionnellement) empêche ce truc de fonctionner

JPW
Avatar
Frederic Bezies
Le 02.12.2006 15:10, JPW a écrit :

J'ai trouvé!

Mon script html commençait par
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
En virant cette ligne le css fonctionne bien avec IE et FF.
Mais je ne comprends pas pourquoi cette ligne (que je n'ai pas mise
intentionnellement) empêche ce truc de fonctionner

JPW



Surtout que le doctype n'A RIEN À VOIR avec l'affichage ou non des CSS.

Ta CSS était en partie défectueuse, cf un peu plus haut dans le fil.

--
Frederic Bezies -
Site Perso : http://perso.wanadoo.fr/frederic.bezies/
Weblog : http://frederic.bezies.free.fr/blog/
Forum : http://frederic.bezies.free.fr/forum/
Avatar
Christian
Frederic Bezies a écrit:

Surtout que le doctype n'A RIEN À VOIR avec l'affichage ou non des
CSS.



si, ça a à voir

http://openweb.eu.org/articles/dimensions_boites_css/

--
Christian
Avatar
Christian
JPW a écrit:

J'ai trouvé!



mmmh...

Mon script html commençait par
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
En virant cette ligne



mauvaise idée

Mais je ne comprends pas pourquoi cette ligne (que je n'ai pas mise
intentionnellement) empêche ce truc de fonctionner




la réponse est là :
http://openweb.eu.org/articles/dimensions_boites_css/


--
Christian
Avatar
ASM
Frederic Bezies a écrit :
Le 02.12.2006 15:10, JPW a écrit :

J'ai trouvé!





Le doctype déclaré tout en haut est important et devrait plutot etre du
genre :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

voir :
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Surtout que le doctype n'A RIEN À VOIR avec l'affichage ou non des CSS.

Ta CSS était en partie défectueuse, cf un peu plus haut dans le fil.




Moi je crois qu'il ne lit pas les réponses ... :-(

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Avatar
Frederic Bezies
Le 02.12.2006 16:39, Christian a écrit :

Frederic Bezies a écrit:

Surtout que le doctype n'A RIEN À VOIR avec l'affichage ou non des
CSS.



si, ça a à voir

http://openweb.eu.org/articles/dimensions_boites_css/




La personne qui ne semble pas lire les réponses avait une CSS pourrave,
mal écrite, comme montrée plus haut dans le fil.

Quand au doctype, il ne bloque pas complètement l'affichage ou non des CSS.

--
Frederic Bezies -
Site Perso : http://perso.wanadoo.fr/frederic.bezies/
Weblog : http://frederic.bezies.free.fr/blog/
Forum : http://frederic.bezies.free.fr/forum/
Avatar
Christian
Frederic Bezies a écrit:

Quand au doctype, il ne bloque pas complètement l'affichage ou non des
CSS.



relis ce à quoi je répondais : je ne l'ai jamais prétendu non plus

--
Christian
Avatar
Olivier Miakinen
Le 02/12/2006 16:55, ASM a écrit :

Moi je crois qu'il ne lit pas les réponses ... :-(



Et moi je crois surtout qu'il le fait exprès. Dans quelques mois on
aura une nouvelle salve d'articles intitulés /GRUF2 - le retour/ où
cette enfilade tiendra une place de choix.