changer de style suivant la résolution

Bonjour à tous ,

Je souhaite affecter un nouveau style à une div suivant la résolution de l'utilisateur.

J'ai le code suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<SCRIPT language="JavaScript"> <!-- if ((screen.width>=1024) && (screen.height>=768)) { //Ici je ne sais pas affecter un nouveau style a un div } else { // Pareil je veux affecter un autre style } //--> </SCRIPT>

---

le div en question serai celui la :

<div id="calendrier"><?php echo $this->render('calendar.phtml'); ?>
</div>

Voila Merci beaucoup

Il faut que tu appliques le style une fois ta page chargée.
Soit tu crées une classe différente pour chaque résolution, soit tu appliques tes styles a l'élément:

Dans le HEAD

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

window.onload = function(){ if ((screen.width>=1024) && (screen.height>=768)){ // 1ere solution avec la classe document.getElementById('calendrier').className = 'MaClasse1'; // OU BIEN // 2eme solution avec les styles document.getElementById('calendrier').style.width = '1000px'; } else{ // 1ere solution avec la classe document.getElementById('calendrier').className = 'MaClasse2'; // OU BIEN // 2eme solution avec les styles document.getElementById('calendrier').style.width = '800px'; } }

---

Merci beaucoup de ta reponse je vais essayer