css unique pour différents navigateurs

Question

Je veux utiliser un seul fichier css pour différents types de navigateurs .. quelqu'un peut-il me donner une ligne directrice sur la façon de le développer ?? Suis nouveau à la programmation .... Pls aider ...

Answer 1

CSS contents and browser compatibility peut vous être utile. Voir aussi http://www.w3schools.com/css/

Answer 2

Le CSS que vous pouvez utiliser dans une feuille de style compatible avec tous les navigateurs est un sous-ensemble de la norme, où vous évitez les styles avec lesquels certains navigateurs ont des problèmes. (Lorsque "certains navigateurs" est souvent Internet Explorer.)

Par exemple, le style text-align n'est pas géré correctement par Internet Explorer. Il applique le style pour bloquer aussi les éléments alors qu'il ne devrait être appliqué qu'aux éléments en ligne. Par conséquent, vous devez utiliser uniquement le style text-align sur les éléments qui ne contiennent aucun élément de bloc.

Développez la page en utilisant un navigateur conforme aux standards, comme Firefox, comme premier banc d'essai. Quand il fonctionne dans Firefox, il sera presque toujours le même dans tous les autres navigateurs sauf Internet Explorer. Même si IE est le navigateur le plus utilisé, il est étrange quand il s'agit de normes Web, et vous devez souvent modifier le code HTML et CSS pour éviter les erreurs de rendu dans IE.

Parfois, IE a besoin d'une taille spécifique pour les éléments dont la taille est automatique dans les autres navigateurs. Un autre exemple consiste à ajouter display:inline; à un élément flottant. Tous les éléments flottants sont des éléments de bloc, donc le style display:inline; est ignoré, mais dans IE il a un effet secondaire de définir un indicateur HasLayout pour l'élément, qui corrige d'autres problèmes que IE a avec les éléments flottants.

Vous avez besoin d'un proper doctype sur votre page afin qu'il rende en mode conforme aux normes. Sinon, vous aurez du mal à obtenir un look cohérent à travers les navigateurs.