[CSS] compatibilité firefox

Marsh Posté le 07-03-2005 à 23:03:39

Bonjour,
J'ai un petit souci avec mon site. J'ai apporté des modifications hier en insérant une feuille de style. Tout allait pour le mieux (j'utilisais IE pour faire les test) jusqu'au moment où mes amis sont venus me voir pour me dire qu'il ne voyaient pas trop ce qui avait changé. En fait, tous ceux qui utilisent Firefox/mozilla ou Opera ne voient pas les modifications. Je voulais simplement mettre un effet sur les liens texte et sur la scrollbar. Je n'arrive pas à voir d'où vient le problème (je suis débutante) et je m'arrache les cheveux ^^'
J'ai lu qu'il n'y avait normalement pas de problème de compatibilité entre CSS et ces navigateurs mais je n'ai rien trouvé à propos du .htc qui doit contenir l'effet qui apparait sur les liens. Le problème peut-il venir de là ? Mon .css est-il mal codé ? Est-ce que j'ai créé un conflit entre l'ancienne présentation du site et le CSS ? Ce qui est étonnant c'est que tout fonctionne bien sous IE...
Merci d'avance pour votre aide et vos suggestions.

Reply

Marsh Posté le 07-03-2005 à 23:03:39

Reply

Marsh Posté le 07-03-2005 à 23:05:59

J'ai déjà vu ce topic quelque part :heink: A oui, sur Alsacréations J'y ais d'ailleurs répondu.

Les fichiers .htc ne fonctionnent que sous IE, c'est une technologie propriétaire à Microsoft.

Pour la ScrollBar, c'est aussi propriétaire, et de toute manière c'est idiot. Le CSS n'est pas là pour styler les élements de l'interface graphique

Reply

Marsh Posté le 07-03-2005 à 23:42:51

Oui, c'est ça. Mais là c'est plus cohérent comme réponse.
Et désolée d'être idiote....

Reply

Marsh Posté le 07-03-2005 à 23:43:59

C'est pas toi qui est idiote, c'est l'idée qu'a eu Microsoft de permettre de styler les scrollbars

Reply

Marsh Posté le 08-03-2005 à 00:03:17

Bah je trouvais ça sympa. Par contre y sont ch***** avec leur guéguerre à la noix et leur boycot pourri >.<
T'as quand même pas une idée pour mon souci ? Le remplacer par un autre système de codage peut-être :s

Reply

Marsh Posté le 08-03-2005 à 00:04:30

Nope, pas d'autres alternatives ... C'est vraiment de l'ultra-propriétaire Microsoft, qui devrait plutôt faire comme tout le monde, et pas pondre des machins à lui

Reply

Marsh Posté le 08-03-2005 à 00:09:56

1- Comme indiqué par Florent, le HTC est un format propriétaire MS, donc indisponible sous Firefox ou Opera, et j'ajouterais (après avoir regardé le résultat sous MSIE) que ton truc fait méchamment ramer mon pauvre PC [:matleflou]

2- Scrollbar, encore +1 sur ce qu'à dit FlorentG:
Le HTML et le CSS servent respectivement à construire logiquement et modifier graphiquement une page web. Cette page se situe/s'affiche au sein des limites qui lui sont fournies par le navigateur en tant qu'espace d'affichage, et le dit espace d'affichage est la partie vide (blanche) quand aucune page n'est chargée. Donc... les barres de défilement n'en font pas partie (elles font partie du navigateur). Et ce d'autant plus que les barres de défilement ne sont pas "standard": on pourrait très bien avoir un ticker (un bouton qui tourne), deux flèches dans un coin, une barre horizontale en haut, ... la manière d'afficher un défilement n'est pas standard, donc modifier la scrollbar n'a aucun sens (puisque celle ci n'est que l'une des multiples solutions potentielles)

3- Au sujet de ta page, il y a une erreur monstrueuse (qui me fait me demander comment elle peut bien s'afficher [:totoz] ): dans une page web on trouve un seul élément <html>, un seul <head> et un seul <body>, toi tu as placé toute une page (<html>, <head>, <title>, <meta>, <body> ) dans le <body> d'une autre [:mlc]
Cette page ne devrait même pas s'afficher [:spamafote]

4- Tout le javascript créé par Dreamweaver (de function MM_swapImgRestore() à x.src=a[i+2];}) est injustifié, la même chose est faisable en CSS en étant mieux supporté et plus rapide

5- La définition de la bannière à afficher devrait être faite dans le fichier PHP (côté serveur) et non en Javascript, donc à dégager aussi

6- Les propriétés CSS doivent être écrites en minuscule

7- Chaque ligne de CSS doit être fermée par un ";", même quand on trouve une accolade fermante ("}" ) derrière

8- Les propriétés "filter" et "behavior" sont (comme celles de scrollbar) des éléments propriétaires Microsoft et n'existent pas dans les normes CSS (toutes les erreurs de ta feuille de style sont là avec en fin de page le peu qui reste valide)

9- Ton javascript (qui doit être enlevé car il ne se justifie pas, je le rappelle) n'est pas commenté (le 2e script), de plus les lignes sont terminées par un "</a>" qui n'a pas lieu d'être (fermeture d'une balise non ouverte)

10- Tu utilises un grand nombre de balises dépréciées (car elles n'ont pas de "sens" logique) qui doivent être remplacées par des instructions CSS: <center>, <b>, <i>

11- Tu effectues une grande partie de ta mise en page à coup de tables et de "<br />"... les paragraphes devraient être délimités avec <p></p>, les titres devraient utiliser les <hn></hn> (de <h1> à <h6> ) et non du texte séparé du reste par des "<br>" et mis en forme à coup de <b>

12- Pour rester dans le déprécié, tu utilises également un grand nombre d'attributs de balises "disparus" qui doivent là encore être remplacés par du CSS:

<script language="Javascript">

language n'existe plus, l'attribut correct est "type" et la valeur "text/javascript"

<body bgcolor="" text="" link="" vlink="" alink="">

bgcolor, text, link, alink et vlink doivent être remplacés par des propriétés CSS

<td width="" height="">

Là encore à remplacer par du CSS (sauf que les tables devraient également disparaître, elles n'ont pas lieu d'être)

<img border="">

Même tarif, border est un attribut déprécié, il doit être remplacé par du CSS.
De plus, une image doit toujours s'accompagner d'un élément "alt" qui remplace l'image si celle ci est absente (si l'image est pûrement décorative, on utilise alt="", un "alt" vide, mais celui-ci doit tout de même être présent)

<div align="">

Voir au dessus, n'existe pas, utiliser les CSS

<a target="_blank">

L'attribut target est déprécié (mais pas de CSS), on considère à présent que c'est à l'utilisateur de définir la manière dont il veut naviguer, et pas au webmaster de le forcer (à ouvrir une nouvelle fenêtre par exemple)

les liens contenant des caractères "&" (comme http://www.manga-distribution.com/ [...] _serie=33) sont incorrects:

L'ampersand (caractère "&" ) doit être encodées (en clair, celà signifie qu'il faut remplacer "&" par "&" )

Tes menus <map> devraient être remplacés par de vrais menus "textuels", quitte à utiliser des techniques de remplacement de texte pour afficher des images par la suite

Toutes les erreurs HTML peuvent être trouvées sur le validateur W3C

Voilà, le post est long et peut être un peu décourageant, mais si tu te sens le courage de t'attaquer à la création de pages web "propres" tu trouveras aisément des gens pour t'aider ici (à condition que tu ne prennes pas trop vite la mouche ) et moi le premier.

Pour t'aider dans tes "premiers pas", je te file mes favoris "Web Development", tu y trouveras un bon nombre de ressources qui devraient être intéressantes/utiles, dans l'immédiat ou plus tard.

PS: sinon, graphiquement, j'aime beaucoup, c'est joli et sobre et relativement lisible... bien que les gens souffrant de défauts de vision ou de matériel (écrans bas de gamme) risquent d'avoir des problèmes avec le texte bleu sur bleu (par contre je trouve les liens très bien, ils me semblent visibles et contrastent bien avec le texte, et la police - dis moi si je me trompe - me semble différente de celle du texte normal, ce qui est une très bonne chose)

Message édité par masklinn le 08-03-2005 à 00:30:38

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 08-03-2005 à 00:11:51

Je passe juste pour dire que le coloriage des scrollbars fonctionne dans Opera aussi, à condition que l'utilisateur l'ait activé dans les préférences.

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 08-03-2005 à 01:34:33

Merci pour le PS (heureusement que je suis arrivée jusque là, j'allais me jeter par la fenêtre... Pour être honnête, je n'y connaissais rien avant de faire ce site et j'essaie de l'améliorer au fur et à mesure que je rencontre des éléments qui me plaisent. Donc vu que c'est de la bidouille complète, c'est pas étonnant qu'il y ait plein de trucs de travers (mais j'aurais pas cru autant )
Bon je reverrai ça à tête reposée parce que là... (Y a rien qui va comme je veux !!! lol)(tout ça, c'est la faute à MS, chuis sûre, y m'en veulent >.> )
Merci pour vos commentaires

Reply

Marsh Posté le 08-03-2005 à 10:44:41

'tudieu, ça c'est du post, Mask

Reply

Marsh Posté le 08-03-2005 à 10:44:41

Reply

Marsh Posté le 08-03-2005 à 17:04:32

Je me ferai passer pour une fille moué la prochaine fois lol

Je sors !

Reply

Marsh Posté le 08-03-2005 à 17:55:03

FlorentG a écrit :

'tudieu, ça c'est du post, Mask

[:kbchris]

Reply

Marsh Posté le 09-03-2005 à 19:35:13

zedros a écrit :

Je me ferai passer pour une fille moué la prochaine fois lol

Je sors !

Faut faire un site tout rose avec des fleurs avant sinon tu vas pas être crédible ^^... Bon courage parce que si c'est pas ton truc tu vas souffrir

Reply

[CSS] compatibilité firefox - opera

Sujets relatifs:

Leave a Replay