28221 sujets

CSS et mise en forme, CSS3

Salut à tous,

je suis stagiaire et on m'a donné un site internet à construire. Tant qu'à faire je me suis dit que j'allais me mettre aux standards!
Mon problème est que firefox ne charge pas la feuille de style CSS annexe (ça marche en local mais pas sur le serveur..., pas de pb avec IE). J'ai essayé plusieurs syntaxes (à base de style, link).
http://www.wmo.int/web/www/TCF/index.shtml
http://www.wmo.int/web/www/TCF/main.css
Si par ailleurs certains d'entre vous pouvaient me dire de quoi le site a l'air sous d'autres navigateurs (je ne peux pas les installer car je n'ai pas les droits...) et éventuellement me donner des conseils pour une compatibilité maximale...
Merci de votre aide!

Yann
Modifié le 01 Nov 2004 - 14:46
Administrateur
Et maintenant :
- soit je n'ai pas les yeux en face des trous et je ne vois pas le problème
- soit le problème vient du choix de pages en shtml
Toujours pas de style.
Pour le @import tu pourrais essayer çà:
<style type="text/css" media="screen" title="Ma feuille par defaut">@import url(main.css);</style>
Le problème n'est pas spécifique aux .shtml, je viens d'uploader
http://www.wmo.int/web/www/TCF/index.html
Ca fait 1 semaine que je n'ai pas les yeux en face des trous!
Je me disais que c'était peut-être lié au serveur? aux droits de lecture?

La réponse affligeante de l'administrateur...
> Smiley help
J'ai un petit problème avec mon site

Tout marche sous IE mais sous Mozilla/FireFox il ne charge pas la feuille de style annexe. Je ne comprends pas pourquoi, j'ai essayé avec plusisuers syntaxes différentes, ça ne marche pas. Peut-être est-ce lié aux droits du fichier main.css sous UNIX? Merci d'avance en espérant que tu peux faire qqch pour moi!
>> Smiley biggol
Ce n'est pas un problème de droit Unix, ce Mozilla qui n'est pas bien compatible avec ces syntaxes.
--

Aidez-moi à le convaincre!
Je ne sais pas si ça interpelle qqn mais
D'habitude sous firefox quand je tape l'adresse d'un fichier CSS, il me l'ouvre comme un fichier texte directement dans la fenêtre. Pour le mien
http://www.wmo.int/web/www/TCF/main.css
J'ai l'écran "Vous avez choisi d'ouvrir... je dois faire quoi avec ce truc..."
Ya un truc qui cloche?
Bizarre j'enregistre la page en local et la page s'affiche avec ses styles (Firefox) en shtml et html.
Sur ce serveur y a t-il d'autres pages qui fassent appel à une feuille de style externe ?
L'utilisation de Smiley url http://www.web-caching.com/cgi-web-caching/nph-showheaders Smiley url pour afficher les headers renvoyé par le serveur lors de la demande d'accès au fichier http://www.wmo.int/web/www/TCF/main.css indique que le serveur l'envoie avec un MIME-Type de application/x-pointplus, au lieu de text/css... Gecko se conforme au standard, et ne charge pas des application/x-pointplus en temps que feuille de style dans le mode de respect des standards ( d'ailleurs, dans la JavaScript Console, on voit le message d'erreur :

Error: The stylesheet http://www.wmo.int/web/www/TCF/main.css was not loaded because its MIME type, "application/x-pointplus", is not "text/css".

)

Ermmm, le problème de MIME-Type est typiquement lié à une configuration des serveurs, juste indiquer que les feuilles de style sont envoyés de facon fantaisiste devrait normallement largement le convaincre s'il a un minimum de connaissance du web. Si c'est pas l'cas, erm, il est déja envisageable de lui dire de tester ce qu'indique lors de l'envoi les autres sites webs pour qu'ils se rendent compte de la différence.

Si il n'est pas aussi compétent que ce qu'on aurait pu l'esperer, on peut alors lui indiquer Smiley url http://wp.netscape.com/intl/eng/Enterprise/3.6/relnotes/relnotes.htm[/url], dont la rubrique "Known Problems" contient :
"109316. The file type .css is not mapped to cascading style sheets in the default mime types included with Enterprise Server. You can change the mapping on the Global MIME Types page. To access this page, choose Server Preferences | MIME Types." ( Le fait que le serveur est Netscape Entreprise Server a été obtenu a partir de la première page mentionnée )

Erf, on doit pouvoir trouver d'autres trucs s'il n'est tjrs pas convaincu après ca, mais, ca devrait suffire en théorie....
Modifié le 01 Nov 2004 - 12:26
DeFr a écrit :
L'utilisation de Smiley url http://www.web-caching.com/cgi-web-caching/nph-showheaders Smiley url pour afficher les headers renvoyé par le serveur lors de la demande d'accès au fichier http://www.wmo.int/web/www/TCF/main.css indique que le serveur l'envoie avec un MIME-Type de application/x-pointplus, au lieu de text/css...


lol
Pour ceux qui, comme moi, se demandait depuis le premier message pourquoi cette CSS semblait avoir un type mime correct d'après Opera alors que tout semblait indiquer le contraire... pensez à décocher la petite case "déterminer l'action par le type de fichier si le type mime n'est pas fiable", dans vos préférences, si d'aventure vous l'aviez bêtement oubliée après un test... (elle est hélas cochée par défaut, d'ailleurs).
Smiley ogen Une explication qui envoie du pain!

Merci à tous de votre aide précieuse, je vais lui transmettre la conclusion qui me dépasse un peu... Smiley smile

A bientôt!
Bizarre, je viens de tester sous firefox et il est vrai que le css ne fontionne pas.

Mais en utilisant la barre d'outils de developpement firefox en editant le css par magie la css se declenche et permet de visualise rle site correctement.

Allez y faites l'essai.

Le probleme d'ooù il vient je n'y ai pas jeté un coup d'oeil pour l'instant je regarde cela de plus prés.
Une explication a été avancée (voir au-dessus)
En fait ça ne concerne pas le CSS mais c'est un problème du serveur.
Smiley mur Plus besoin de te casser la tête!

Amicalement