28172 sujets

CSS et mise en forme, CSS3

Hello à tous !

Désolé tout d'abord si c'est la mauvaise section du forum ; j'ai hésité avec la section « Web mobile & media query » mais étant donné que ça concerne un site « non-mobile » (pour le moment), je me suis dit que ça aurait été inapproprié.

Voilà, j'ai récemment développé le site web de l'association de ma copine. Durant le développement de ce site, j'ai pris connaissance des media queries, que je me suis empressé de mettre en place sur celui-ci afin de palier aux soucis de redimensionnement du site en fonction du ratio d'écran.

J'ai donc divisé ma feuille de style en 3 parties, une pour les écrans 4/3, une pour les 16/9e et une pour les 16/10e ; je ne pense pas avoir oublié un ratio mais au cas où, n'hésitez pas à me le signaler...

Or, souci : si je n'ai pas rencontré de problème sous Mac (Firefox, Chrome & Safari), impossible d'afficher correctement le site sous Internet Explorer une fois passé sous Windows (on m'a aussi signalé des soucis étonnants sous Chrome & Firefox sous Windows, que je n'ai pas encore pu vérifier de moi-même). Je suppose une incompréhension des media queries par le navigateur (ce qui m'étonne étant donné que j'étais tombé sur un tableau disant que IE > 8 les comprenait sans mal... mais bref !).

Quoiqu'il en soit, je viens donc vers vous afin de vous soumettre deux problèmes :

- D'une part, ce souci d'internet explorer ; j'ai tenté un bidouillage avec un script javascript qui « forcerait » apparemment les media queries sur IE (css-media-queries.js) mais rien n'y fait, le navigateur n'interprète apparemment que le css hors media queries. Pour le moment, j'ai donc mis en urgence un message moche indiquant aux utilisateurs qu'il serait bon qu'ils téléchargent un vrai navigateur mais bien évidemment, c'est loin d'être l'idéal...

- D'autre part, quand bien même mes soucis de ratio d'écran seraient résolus, le site devient vite bordélique dès que l'on redimensionne la fenêtre (dès qu'elle n'est pas en plein écran, en fait). Si vous aviez des conseils à propos de ça, je les accepterais bien volontiers Smiley smile

Merci beaucoup d'avance ! Je pense qu'il est inutile que je vous fasse des gros copier/coller de codes ici, je vais vous laisser les adresses directement plutôt, pour les curieux :

Le site
La feuille de style

En espérant avoir des réponses... Smiley smile