XHTML - CSS
3 participants
Page 1 sur 1
XHTML - CSS
Vous êtes bien entendu au courant qu'il est difficile de gérer l'affichage d'un site sur tous les navigateurs connus.
Nous utilisont Firefox mais 90% des gens utilisent encore et toujours le navigateur installé par défaut sur leur machine: Internet Explorer.
Il existe des Hacks Css.
Ce sont de toutes petites lignes de codes qui consiste à différencier la css d'un navigateur à l'autre pour que l'affichage soit +- identique.
Voilà une petite lise de hacks bien utiles pour Internet Explorer à inclure dans votre CSS:
Pour les navigateurs IE 6 et inférieurs
Utiliser * html {}
Pour les navigateurs IE 7 et inférieurs
Utiliser *+html, * html {}
Pour les navigateurs IE 7 seulement
Utiliser *+html {}
Pour les navigateurs IE 7 et navigateurs modernes seulement
Utiliser html>body {}
Pour les navigateurs Navigateurs modernes seulement (IE 7 non inclus)
Utiliser html>/**/body {}
Il en existe bien d'autres pour d'autres navigateurs (Firefox, Safari, WebKit, Opera, Netscape, ...)
Consultez ce site pour d'autres informations à ce sujet:
http://zonecss.free.fr/courscss/cours_feuille_css_31.html
Nous utilisont Firefox mais 90% des gens utilisent encore et toujours le navigateur installé par défaut sur leur machine: Internet Explorer.
Il existe des Hacks Css.
Ce sont de toutes petites lignes de codes qui consiste à différencier la css d'un navigateur à l'autre pour que l'affichage soit +- identique.
Voilà une petite lise de hacks bien utiles pour Internet Explorer à inclure dans votre CSS:
Pour les navigateurs IE 6 et inférieurs
Utiliser * html {}
Pour les navigateurs IE 7 et inférieurs
Utiliser *+html, * html {}
Pour les navigateurs IE 7 seulement
Utiliser *+html {}
Pour les navigateurs IE 7 et navigateurs modernes seulement
Utiliser html>body {}
Pour les navigateurs Navigateurs modernes seulement (IE 7 non inclus)
Utiliser html>/**/body {}
Il en existe bien d'autres pour d'autres navigateurs (Firefox, Safari, WebKit, Opera, Netscape, ...)
Consultez ce site pour d'autres informations à ce sujet:
http://zonecss.free.fr/courscss/cours_feuille_css_31.html
d-style- Nombre de messages : 26
Age : 36
Localisation : Frameries
Date d'inscription : 19/12/2007
Re: XHTML - CSS
Les Hacks c'est pas mal mais c'est vite la guerre.
Sauf si c'est pour régler un petit détails dans ton css du style sous IE il décale un peu plus ou alors il ne le met pas au bon endroit.
Mais pour être plus clair, si tu as vraiment de grosse différence entre IE et firefox par exemple alors il est peut-être plus utile de faire 2 CSS différents. Avec au démarrage du site une détection Javascript du site.
Mais bon la meilleur solution c'est quand même d'arriver à gérer un seul css pour tout les Browsers.
Parce que si tu commences à créer un css par browser et qu'à un moment tu dois faire une mise à jour, c'est pas gagné...
Sauf si c'est pour régler un petit détails dans ton css du style sous IE il décale un peu plus ou alors il ne le met pas au bon endroit.
Mais pour être plus clair, si tu as vraiment de grosse différence entre IE et firefox par exemple alors il est peut-être plus utile de faire 2 CSS différents. Avec au démarrage du site une détection Javascript du site.
Mais bon la meilleur solution c'est quand même d'arriver à gérer un seul css pour tout les Browsers.
Parce que si tu commences à créer un css par browser et qu'à un moment tu dois faire une mise à jour, c'est pas gagné...
Marti- Nombre de messages : 3
Date d'inscription : 19/12/2007
Re: XHTML - CSS
une Css par navigateur cest sur que ca peut devenir vite la guerre
malgré tout les hack CSS ne sont destiné que a IE 6 et inférieur ... SO !
tout les autres navigateurs respectent les normes w3C :) en partie :p
malgré tout les hack CSS ne sont destiné que a IE 6 et inférieur ... SO !
tout les autres navigateurs respectent les normes w3C :) en partie :p
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|