[CSS] compatibilité firefox - opera

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] compatibilité firefox - opera

Ceridwenn

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.

Publicité

FlorentG

Unité de Masse

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

Ceridwenn

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

FlorentG

Unité de Masse

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

Ceridwenn

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

FlorentG

Unité de Masse

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

masklinn

í dag viðrar vel til loftárása

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

antp

Super Administrateur
Champion des excuses bidons

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

Ceridwenn

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

FlorentG

Unité de Masse

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

Publicité

zedros

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

Je sors !

masklinn

í dag viðrar vel til loftárása

FlorentG a écrit :

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

[:kbchris]

Ceridwenn

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

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] compatibilité firefox - opera

Sujets relatifs
compatibilité xhtml	compatibilité mozilla/golive pour la vidéo
Pb acrobat reader & firefox	Comment avoir une seule feuille CSS dans un site comportant des rép ?
Problème CSS et formulaire	Différence d'affichage entre IE et Firefox avec du XHTML strict
Changer la couleur d'un lien dans un CSS ? possible ou pas ?	[Conseils]Mise en page contenant plein d'élément gif avec CSS ou HTML
[Resolu][CSS] Pb avec @font-face	affichage d'une appli Flash sous Firefox
Plus de sujets relatifs à : [CSS] compatibilité firefox - opera

Page générée en 0.073 secondes