28172 sujets

CSS et mise en forme, CSS3

Bonjour à toutes et à tous,
Je suis en train de mettre en place un site.
Le hic c'est que j'utilise des media queries afin d'optimiser l'affichage pour différente résolution d'écran grâce à des fichiers css mais que ceux ci ne sont pas pris en compte.
Le fichier lien vers les css que les navigateurs utilisent est toujours celui qui est placé le plus bas dans la page html.
Je ne comprends pas pourquoi mes queries ne sont là que pour décorer mon code html ?

cf

<link href="/httpdocs/css/template_1360.css" rel="stylesheet" type="text/css" media="screen and  min-width: 1281 and max-width: 1360px" /> 

<link href="/httpdocs/css/template_1280.css" rel="stylesheet" type="text/css" media="screen and min-width: 1153px and max-width: 1281px" />  
 ...
...
etc 


Modifié par beweb (07 Feb 2013 - 18:49)
Administrateur
Bonsoir,

à mon avis, c'est simplement une erreur de syntaxe (il te manque des parenthèses et des "px"):
media="screen and  (min-width: 1281px) and (max-width: 1360px)"
Premier poste et première question sans intérêt.
Désolé. Je viens de m'apercevoir qu'il manquait des parenthèses.

Post résolu.
Administrateur
beweb a écrit :
Merci Raphael.
Je m'en suis aperçu un peu tard.

Pas de souci, n'hésite pas à marquer ton sujet comme Résolu (voir dans l'aide)
Bonjour,
Je pense que je me suis avancé trop vite en disant que ce post était résolu.
En fait maintenant mes queries fonctionnent bien sur mon pc, mais nous avons fait l'essai sur un macbook pro 15 pouces et là c'est une autre histoire.
Sur un macbook pro 13 pouces cela fonctionne mais sur le 15 la page s'affiche comme s'il n'y avait pas de css. Je précise que sur le macbook pro 15 la personne avait abaissée sa résolution à 1280, une largeur qui normalement est prise en charge par mes feuilles de style.
Sa résolution de base est à 1400px.
Modifié par beweb (12 Feb 2013 - 15:23)