Discussion :

[Jiraiya42]

Salut !

J'ai un soucis en fait. C'est plutot la recherche d'avis. Je fais un site et je veux qu'il soit compatible selon la résolution et le navigateur. Si je fais une feuille de style par navigateur (admetton IE, Firefox, Netscape, Opera...) cela veut dire que pour chaque feuille de style pour navigateur je dois en liéer 3 autres (résolution 800, 1024, 1280) donc une quinzaine de feuilles de style ! Donc pas trop possible quelqu'un a une solution plus souple svp ?

Merci d'avance...

[MasterOfChakhaL]

Salut,

il est possible de faire des feuilles de styles qui donnent le même rendu sur quasiment tous les navigateurs (je ne parle pas des navigateurs d'il y a dix ans non plus).

Pour ce qui est de la résolution, tu peux tenter l'aventure de faire un design ou les dimensions seront toutes définies avec l'unité em puis tu procèdes ainsi.

Tu crées une feuille de style par résolution qui contient une règle déterminant la taille de la police pour le body.
Ensuite tu lies ta feuille de style qui contient ton design défini en em.

Info qui a son utilité quand on travaille avec les em: la quasi totalité des navigateurs ont une taille de police par défaut de 16px ce qui implique qu'un font size de 62.5% donnera 1em <-> 10px

Si ton design n'est pas trop compliqué, c'est tout a fait réalisable. Si ton design est un plus complexe, je me conterais de dire que c'est possible

[Jiraiya42]

Ben les un design en em le problème c'est que les navigateurs le comprennent pas tous pareil, j'en fais l'expérience lol, après ça revient au meme si je fais ça je devrais créer plusieurs feuilles

[MasterOfChakhaL]

Non,

Les designs en em sont tout a fait cross browser. Il faut bien entendu avoir un doctype correct pour que ton css soit interprété comme il le faut.

Avec ta première proposition, tu faisais NxM feuilles de styles (N résolutions pour M navigateurs).
Avec, la mienne, tu fais 1+N, sachant que les N feuilles de styles ne contiennent qu'une seule ligne...

De plus, j'imagine que tu vas faire ta detection de résolution en javascript. Dans ce cas, tu peux aussi régler le font-size du body en javascript et il ne reste plus qu'une seule et unique feuille de style.