changer le css suivant la résolution client ???

changer le css suivant la résolution client ??? - HTML/CSS - Programmation

Marsh Posté le 09-07-2005 à 08:46:05    

Salut,
J'ai une petite question simple : est il possible d'avoir 3 css (un pour chq résolution 800/1024/1280) et de charger celui qui convient en chopant la résolution client dès que le client accède à notre page?
Si oui ça se fait via javascript/php?
Merci. :)

Reply

Marsh Posté le 09-07-2005 à 08:46:05   

Reply

Marsh Posté le 09-07-2005 à 09:07:57    

c'est stupide comme idée [:petrus75]


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

Marsh Posté le 09-07-2005 à 09:13:30    

heu... pourquoi?
Si t'insères des images ds une page en 1280, pour que ça fasse équilibré ça fera totalment déséquilibré en 800. Pareil pour la taille des polices.
 
Alors ptèt ya un autre moyen auquel j'ai pas pensé, ou des fonctions javascript ou je ne sais quoi, mais si c'est stupide dit moi au moins pourquoi.

Reply

Marsh Posté le 09-07-2005 à 09:14:40    

Parce que ça revient à faire 3 fois le même site [:petrus75]
 
Soit tu vises une seule petite résolution (800*600) soit tu crées un site flexible qui s'adapte tout seul, c'est tout [:spamafote]


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

Marsh Posté le 09-07-2005 à 09:28:28    

Je comprends bien ce que tu dis ya pas de pb.
Mais je pense sincèrement que je pourrais faire un rendu plus joli si j'adaptais la taille des éléments suivant les résolutions. Mais je cherche à convaincre personne c'est juste ce que je pense.
Et j'ai des autres impératifs du genre :
j'ai fait une page ou ya des position:fixed et des png avec transparence. Ca passe nikel sous ff mais kedal sous ie. Alors au lieu de zapper ma jolie page j'aimerai faire un 2è visuel moins beau à charger juste sous ie. Ca peut se faire ça en théorie?

Reply

Marsh Posté le 09-07-2005 à 09:52:07    

ça peut surtout se faire en dégradant les éléments non fonctionnel via l'utilisation de conditional comments ou underscore-hack


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

Marsh Posté le 09-07-2005 à 11:30:11    

ok cool merci je connaissais pas les underscore-hack. c'est trop fort! Merci bon we.

Reply

Marsh Posté le 10-07-2005 à 02:35:43    

En fait, celui qui s'achète un gros écran, c'est justement pour que les images ne prennent pas toute la place, et pour qu'un texte court ne remplisse pas tout l'écran. Si tu fais que en 1280 les images sont plus grosses qu'en 800, le gars qui s'est acheté un écran 19" aurait mieux fait de s'acheter un 15". Bref, je vais répondre à ta question, afin que tu testes par toi-même, et qu'ainsi tu abandonnes au plus vite cette philosophie contradictoire :

<script>
    document.write("<link rel=stylesheet href=" + screen.width + ".css type=text/css>" )
</script>

Je suis d'accord avec Masklinn lorsqu'il dit "c'est stupide comme idée", surtout que je l'ai utilisée moi-même :lol: et que maintenant, je le regrette amèrement.


Message édité par e-miel le 10-07-2005 à 02:39:14
Reply

Marsh Posté le 11-07-2005 à 11:24:44    

Et si le mec n'as pas JS d'active, il se retrouve avec un site sans feuille de style ...
Et si le mec se trouve en une resolution non prevue par le webmaster, ben il se retrouve sans feuille de style.
 
Et si le mec a installe 36 barres, la surface disponible pour le site ne sera pas celle esperee par le webmaster. Meme chose s'il ouvre une sidebar...
 
Bref, rien ne vaut une mise en page fluide qui s'adapte.

Reply

Marsh Posté le 11-07-2005 à 14:05:45    

Citation :

* 28% d'utilisateurs en 800x600
* 56% en 1024x768
* 11% en résolutions supérieures


 
source : http://www.w3schools.com/browsers/browsers_stats.asp
(juin 2005)  
 
Alors vos histoire style "plus personne n'est en 800*600 c'est démodé, stfu !
 
Faites une mise en page fixe qui va correctement s'afficher en 800*600 ou une mise en page fluide, et c'est tout :o


Message édité par plainsofpain le 11-07-2005 à 14:06:40

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 11-07-2005 à 14:05:45   

Reply

Marsh Posté le 11-07-2005 à 15:45:02    

e-miel a écrit :

<script>
    document.write("<link rel=stylesheet href=" + screen.width + ".css type=text/css>" )
</script>



Bon, déjà document.write, c'est à virer d'urgence. Ensuite, si j'ai une résolution customisée, je fais comment ? ;)

Reply

Marsh Posté le 11-07-2005 à 15:45:59    

cf mon post, sachant, qu'il y a surement un pourcentage non négligeable qui n'est pas dans les résolutions standards.
 
Edit : environ 11% d'internaute ayant désactivé js, et ce depuis trois ans ... Intéressant :D


Message édité par plainsofpain le 11-07-2005 à 15:46:34

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 11-07-2005 à 20:02:11    

Les barres c'est bien :p
 
Certes, c'est un peu extreme, mais ca sert pour illustrer le fait que ce n'est pas parceque l'utilisateur se trouve dans une resolution "standard" qu'il aura forcement un espace precis de disponible pour l'affichage du site.

Reply

Marsh Posté le 12-07-2005 à 07:15:30    

BAh il utilise IE comme bookmark vivant et il a FF derriere qui tourne :D


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 12-07-2005 à 08:14:38    

Exemple de site qui n'a pas besoin de changer de CSS:
http://www.vivabit.co.uk/
[:atsuko]


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

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed