Optimiser un site pour les resolutions en 1024

Messages postés
115
Date d'inscription
mardi 9 novembre 2010
Statut
Membre
Dernière intervention
18 mai 2016
- - Dernière réponse : BBFUNK01
Messages postés
1313
Date d'inscription
jeudi 16 juillet 2009
Statut
Membre
Dernière intervention
20 juin 2014
- 27 févr. 2014 à 06:23
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.
Afficher la suite 

4 réponses

Messages postés
26757
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 novembre 2019
317
0
Merci
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.




Commenter la réponse de jordane45
Messages postés
115
Date d'inscription
mardi 9 novembre 2010
Statut
Membre
Dernière intervention
18 mai 2016
0
Merci
voila le lien vers le site
danenberg2.url.ph
jordane45
Messages postés
26757
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 novembre 2019
317 -
Oui et ???
Commenter la réponse de alone06
Messages postés
1313
Date d'inscription
jeudi 16 juillet 2009
Statut
Membre
Dernière intervention
20 juin 2014
6
0
Merci
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+
alone06
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?
Commenter la réponse de BBFUNK01
Messages postés
1313
Date d'inscription
jeudi 16 juillet 2009
Statut
Membre
Dernière intervention
20 juin 2014
6
0
Merci
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+
Commenter la réponse de BBFUNK01