Optimiser un site pour les resolutions en 1024

Signaler
Messages postés
115
Date d'inscription
mardi 9 novembre 2010
Statut
Membre
Dernière intervention
18 mai 2016
-
Messages postés
1313
Date d'inscription
jeudi 16 juillet 2009
Statut
Membre
Dernière intervention
20 juin 2014
-
Bonjour,
Déja je m'excuse pour l'emplacement du sujet car je ne sais pas si c'est le bon ou non.
Mon souci c'est que j'ai créé un site qui est à moitié résponsive, je me basais sur le rendu sur mon pc mais quand j'ai términé et que j'ai voulu téster sur d'autres pc, j'ai eu la surprise que le site était déformé sur une résolution en 1024 (ainsi que sur les tablettes).
Y'a t il un moyen pour régler ça?
j'utilise 3 div une pour le header une pour le corps et une pour le footer.
Merci.

4 réponses

Messages postés
28937
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 juillet 2020
332
Bonjour,

Déjà.. tout dépend si tu as fixé les tailles de tes div en Pourcentage ou avec des tailles fixes.

Si tu souhaites que l'affichage s'adapte automatiquement.. tu dois utiliser le %

http://www.commentcamarche.net/faq/4613-webmaster-adapter-un-site-a-toutes-les-resolutions

http://www.alsacreations.com/tuto/lire/547-faire-un-site-pour-toutes-les-resolutions.html


mais après.. si tu le souhaites.. il est possible de connaitre la résolution écran des visiteurs de ton site par Javascript

EcranHaut = screen.height;
EcranLarg = screen.width;
Ecran = EcranLarg + " x " + EcranHaut;


Et de réaliser l'ajustement que tu souhaiterais par code...
choisir un CSS différent par exemple.




Messages postés
115
Date d'inscription
mardi 9 novembre 2010
Statut
Membre
Dernière intervention
18 mai 2016

voila le lien vers le site
danenberg2.url.ph
Messages postés
28937
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
10 juillet 2020
332
Oui et ???
Messages postés
1313
Date d'inscription
jeudi 16 juillet 2009
Statut
Membre
Dernière intervention
20 juin 2014
6
Hello,

Si tu souhaites construire un site sur un responsive design, le mieux, et surtout le plus rapide et fiable, est de partir sur un framework adapté, du style : http://getbootstrap.com/
Tu te simplifieras amplement la vie et ton site aura de la gueule tout en s'adaptant aux différentes résolutions écran.

Il n'y a pas que Bootstrap comme framework responsive, d'autres existent, mais pour l'avoir adopté je dirai que Bootstrap est excellent et offre une multitude de plugins qui, eux aussi, te permettront de développer beaucoup plus vite.

A+
Messages postés
115
Date d'inscription
mardi 9 novembre 2010
Statut
Membre
Dernière intervention
18 mai 2016

Merci bcp pour votre réponse je vais le tester toute suite.
si je comprends bien je dois adapté le gabarit de bootstrap et y inclure tout le corps de mon site c'est ça?
Messages postés
1313
Date d'inscription
jeudi 16 juillet 2009
Statut
Membre
Dernière intervention
20 juin 2014
6
Hello,

Bootstrap est un gabarit en lui-même, en y rajoutant ta feuille de style (ou tes feuilles de style ) tu peux donc personnaliser le design.

Pour voir des exemples de ce que tu peux faire avec Bootstrap jette un oeil ici : http://themeforest.net/search?utf8=%E2%9C%93&term=Bootstrap+3

Pour customiser d'emblée ton Framework Bootstrap tu peux essayer l'excellent Magic Bootstrap : http://pikock.github.io/bootstrap-magic/

Pour choper des plugins Bootstrap c'est du gâteau : http://tutorialzine.com/2013/07/50-must-have-plugins-for-extending-twitter-bootstrap/

Je te recommande bien évidemment la version3.0 de Bootstrap : au niveau des plugins (modal box, etc.) la gestion est bien plus simple.

Tu vas te régaler je pense ;)

A+