CSS ne fonctionne pas sous firefox??

CSS ne fonctionne pas sous firefox?? - HTML/CSS - Programmation

Marsh Posté le 25-08-2006 à 09:11:58    

Salut a tous!
 
J'ai réalisé mon premier site en XHTML et CSS. Le probleme est que sous intenet explorer aucun probleme d'affichage mais quand j'ai voulu le tester sous mozilla firefox, le CSS n'est pas pris en charge. Faut il rajouter une ligne de code dans le head ou ailleurs?
 
Merci :)

Reply

Marsh Posté le 25-08-2006 à 09:11:58   

Reply

Marsh Posté le 25-08-2006 à 09:13:21    

Tu inclues ta feuille de style comment ?


---------------
Martin
Reply

Marsh Posté le 25-08-2006 à 09:24:44    

Pas pris en charge ca veut dire,  
 
Pas le meme affichage que IE  
OU
Pas pris en compte du tout ?

Reply

Marsh Posté le 25-08-2006 à 10:03:38    

J'ai mes fichiers .html et je gere le css dans une feuille a part.
Donc dans le head de mes fichiers html, j'ai le lien vers cette feuille de styles....
Aucune mise en forme ne fonctionne, c'est comme ci firefox ne trouve pas la feuille de css.


Message édité par Teddyted le 25-08-2006 à 10:04:43
Reply

Marsh Posté le 25-08-2006 à 10:04:39    

Et le code source de ta page c'est fait pour les chiens :o ???

Reply

Marsh Posté le 25-08-2006 à 15:14:20    

Salut Gatsu35
 
Je te prie de bien vouloir accepter mes excuses de ne pas avoir mis le code de ma page mais je ne l'ai pas sur le PC que j'utilise actuellement. Je pensai que c'était un probleme courant est que c'était a cause d'une ligne de code qu'il faut rajouter ou modifier pour que firefox gere le CSS.
Dés que je rentre chez moi, je poste le code
 
Salutation :)

Reply

Marsh Posté le 25-08-2006 à 20:54:15    

Voici un exemple tout simple qui ne fonctionne que sous IE et pas Firefox
 
XHTML

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>Bienvenue dans le test!</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.    <link rel="stylesheet" media="screen" type="text/css" title="design" href="C:\Documents and Settings\Teddy\Bureau\programmation\Code vierge\design_vierge.css" />
  7.    </head>
  8.  
  9.    <body>
  10.  
  11.  <div class="contenu">
  12.       <div class="bloc1"></div>
  13.   <div class="bloc2">
  14.   <p>Ceci est un test d'affchage pour firefox</p>
  15.   </div>
  16.  </div>
  17.    </body>
  18. </html>


et le CSS
 

Code :
  1. body
  2. {
  3. margin-top: 30px;
  4. background-color: blue;
  5. }
  6. .contenu
  7. {
  8. width: 500px;
  9. height: auto;
  10. float: left;
  11. background-color: white;
  12. }
  13. .bloc1
  14. {
  15. width: 100px;
  16. height: 300px;
  17. float: left;
  18. background-color: red;
  19. }
  20. .bloc2
  21. {
  22. width: 400px;
  23. height: 200px;
  24. float: left;
  25. background-color: white;
  26. }


 
Allez Gatsu35 facile pour toi


Message édité par Teddyted le 25-08-2006 à 20:58:05
Reply

Marsh Posté le 25-08-2006 à 21:47:48    

le chemin vers ta feuille de styles :o
href="C:\Documents and Settings\Teddy\Bureau\programmation\Code vierge\design_vierge.css" />
 
remplace le plutot par : href="design_vierge.css"

Reply

Marsh Posté le 28-08-2006 à 11:08:35    

C'est plus court de mettre ça aussi à la place du link :

Code :
  1. <style type="text/css">
  2.  @import 'style.css';
  3. </style>


Ca marche peut-ètre aussi bien ta méthode cependant.


---------------
Le matin, j'émerge de mes rêves, le plus heureux des anges. Je me couche le soir, un vrai salaud. Qu'ai-je donc fait entre-temps ? J'ai fréquenté les hommes et fouillé dans leur merde.
Reply

Marsh Posté le 29-08-2006 à 08:08:50    

Merci Gatsu35 :)
CA fonctionne parfaitement mai sc'est quand meme bizarre que Firefox ne comprenne pas le chemin complet.
 
 

Reply

Marsh Posté le 29-08-2006 à 08:08:50   

Reply

Marsh Posté le 29-08-2006 à 08:18:20    

Teddyted a écrit :

Merci Gatsu35 :)
CA fonctionne parfaitement mai sc'est quand meme bizarre que Firefox ne comprenne pas le chemin complet.


IE et FF ne traitent pas les chemins de la même facon et puis de toute manière il vaut mieux utiliser les chemins relatifs. car ton site une fois sur le net, si tous tes liens pointent vers c:\. tu auras une belle surprise

Reply

Marsh Posté le 17-10-2006 à 08:06:28    

Teddyted a écrit :

Salut a tous!
 
J'ai réalisé mon premier site en XHTML et CSS. Le probleme est que sous intenet explorer aucun probleme d'affichage mais quand j'ai voulu le tester sous mozilla firefox, le CSS n'est pas pris en charge. Faut il rajouter une ligne de code dans le head ou ailleurs?
 
Merci :)


 
J'ai eu le même pb pour la raison suivante :
J'avais mis ma feuille de style externe dans un dossier :
 
<link rel="stylesheet" type="text/css" href="css/epaulette.css" >
 
En local, tout était normal, aussi bien sous IE que sous Firefox. Sur le serveur distant, Firefox ne reconnaissait pas le chemin de la feuille de style alors qu'en local il savait le faire. En modifiant le lien comme suit, tout est rentré dans l'ordre.
 
<link rel="stylesheet" type="text/css" href="/css/epaulette.css" >

Reply

Marsh Posté le 18-10-2006 à 10:41:38    

j'imagine ta surprise lorsque tu as testé en ligne /css/ep.css
 
[:joce]


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 16-01-2008 à 18:51:42    

Bonjour,
 
 
j'ai un problème similaire, la disposition de ma page s'affiche correctement sous IE et pas sous Firefox:
 
 
J'ai créé une feuille de style CSS externe où j'ai mis entre autre ce code:
 
 
body { margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 800px;
  height: 100% ;
  display: block;
  background-color: #000000; }
 
body,td,th {font-family: Courier New, Courier, monospace;font-size: small;color: #FFFFFF;}
 
 
et les autres fonctions de ma feuille externe CSS fonctionnent parfaitement, notamment polices...
 
 
Autre chose bizarre, ça marche en local mais pas online !!!  :cry:
 
 
J'ajoute aussi le code dans l'html qui appelle le CSS:
 
(ma feuille de style est dans le dossier parent du fichier html)
<link rel='stylesheet' type='text/css' href='../stylecss.css' />

Reply

Marsh Posté le 01-01-2018 à 18:34:37    

J'ai besoin d'aide car je suis entrain de faire une page html pour mon école et j'ai comme vous constater que cela ne marche pas sur Firefox ni sur internet explorer ou microsoft edge est ce que quelqu'un peut me filer un coup de code s'il vous plait comme par exemple pour le <link rel> qui marche sur chrome:
 

Code :
  1. <link rel="stylesheet" href="le liens ver ton fichier css (ex:css\repa_de_noël.css)" type="text/css" charset="utf-8" />


 
Est ce que je pourrais avoir de l'aide pour les liens qu'il faut mettre pour que cela marche pour Firefox, internet explorer et Microsoft edge.
 
s'il vous plait est ce que quelqu'un peut m'aider [:patrice-evra:3] (désoler pas trouver mieux comme smiley) :-)
 
Ps: je n'ai plus beaucoup de temps pour la finalisée.


Message édité par henryle le 01-01-2018 à 18:47:23

---------------
H.L
Reply

Marsh Posté le 01-01-2018 à 19:35:29    

Bravo pour le déterrage, 10 ans c'est pas mal du tout. :o Faut ouvrir un nouveau sujet! Et à ta place j'essaierais '/' à la place de '\' et les caractéres accentués dans les noms de fichiers c'est pas forćement une bonne idée non plus je pense.

Reply

Marsh Posté le 02-01-2018 à 17:51:32    

rat de combat a écrit :

Bravo pour le déterrage, 10 ans c'est pas mal du tout. :o Faut ouvrir un nouveau sujet! Et à ta place j'essaierais '/' à la place de '\' et les caractéres accentués dans les noms de fichiers c'est pas forćement une bonne idée non plus je pense.


 
:non: disons que je connais les liens et  l'emplacement de mes fichiers en "locale" pour l'instant mais c'est juste que comme j'éssai de rendre mes fichiers html compatibles avec les routeurs (autres que chrome ou chrominium) j'ai besoins d'inserer cela

Code :
  1. <style type="text/css">
  2.  @import 'style.css';
  3. </style>

pour Firefox par exemple ou

Code :
  1. <link rel="stylesheet" type="text/css" href="css/epaulette.css" >

pour internet explorer
 
mais dés que j’essaie d’insérer le code source de la page css dans l'html  

Code :
  1. <style type="text/css">
  2.  @import 'style.css';
  3. </style>

pour Firefox cela ne marche pas. En plus de cela, ce petit bloc de code va faire planter la typo qui marchait pour chrome. (et cela est vraiment entêtant). [:jean-paul starre:2]


---------------
H.L
Reply

Marsh Posté le 05-01-2018 à 19:11:05    

Le code pour intégrer une CSS pour tous les browser est :  

Code :
  1. <link rel="stylesheet" type="text/css" href="css/epaulette.css" >


 
Le code pour importer une CSS dans une autre est :  

Code :
  1. @import 'style.css';


 
Donc dans tes CSS tu ne dois pas avoir de code HTML, juste  du code CSS, sinon c'est que tu fais n'importe quoi

Reply

Marsh Posté le 07-01-2018 à 21:13:33    

gatsu35 a écrit :

Le code pour intégrer une CSS pour tous les browser est :  

Code :
  1. <link rel="stylesheet" type="text/css" href="css/epaulette.css" >


 
Le code pour importer une CSS dans une autre est :  

Code :
  1. @import 'style.css';


 
Donc dans tes CSS tu ne dois pas avoir de code HTML, juste  du code CSS, sinon c'est que tu fais n'importe quoi


 essaye svp ce code  
<style type="text/css" media="print">
  @import url(style.css);
</style>


---------------
Comment regarder la TV sans le câble ?  https://how-to.watch/fr/tv-sans-cable/
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed