[Résolu] Changement de css suivant résolution écran

Bonjour, j'aimerai savoir s'il existait un moyen de changer de css quand, par exemple, la résolution de l'internaute se trouve en dessous de 1024.768px.
Je pensais quelque chose du genre

<!--[if lt IE 6]>

mais pour la résolution.

Pour rentrer dans les détails de mon problème, j'ai mis un centrage automatique de ma div (taille fixe), et en dessous de la résolution 1024.768, les bords de cette div sont hors-cadre.

Si quelqu'un a déjà eu ce type de problème... Merci!

Goldooo
Modifié par goldooo (30 Aug 2007 - 17:42)

Salut,

A ma connaissance, il faut passer par javascript pour faire ce genre de choses, de là à te dire comment, je sais pas. Le mieux est encore de prévoir un design de site pour qu'il s'adapte à toutes les résolutions.

C'est possible sous Opera et Safari 3 avec les Media Queries.

<link rel="stylesheet" media="screen and (max-width:1022px) and (max-height:766px)" href="ptite-reso.css" />

Modifié par JyuniX (29 Aug 2007 - 20:13)

Merci pour vos réponses!

Media Queries ... Ca aurait été génial si tt les navigateurs le supportaient !

Pour le Java, j'ai trouvé ceci sur http://archives.rezo.net

  <script language="JavaScript">
  <!--
  if (screen.width>800)
  {
  document.write('<link rel="stylesheet" href="mon style haute
resolution.css" type="text/css">');
  }
  else
  {
  document.write('<link rel="stylesheet" href="mon style basse
resolution.css" type="text/css">');
  }
  //-->
  </script>

Mais est-ce très puriste pour un malade de xhtml et css ?

Bonjour,

une des conditions supplémentaires est le cas "pas de Javascript" qui doit être prévu et dans ce cas-là, que tout ne soit pas foutu en l'air

Oui, donc je ferai mieux de chercher ailleurs que le javascript... Hum, pas facile...

Ok, mon problème est résolu; j'avais utilisé la mauvaise méthode de centrage de div (celle avec les marges négatives) et j'ai utilisé la première citée dans la doc du site. Le tout avec un background-position: center top; et tout est solidaire ! Il ne reste plus qu'à travailler sur la compatiblitié ie < 6.

Merci pour votre aide!