Modifier la taille d'un élément en fonction de la resolution

Bonjour à tous,

j'ai un petit souci avec javascript et firefox! (d'habitude c'est avec IE que ca bug)

Au chargement, je détecte la résolution écran du visiteur et en fonction de ca je vais définir une hauteur pour le contenu de mes pages.

Citation:

---

function resolution()
{
largeur = screen.height;
if(largeur <= 600)
{
document.getElementById("contenuPage").style.height= "300";
}
else if(largeur >600 && largeur <=800)
{
document.getElementById("contenuPage").style.height = "400";
}
else if(largeur >800 && largeur <=1024)
{
document.getElementById("contenuPage").style.height = "600";
}
else if(largeur>1024)
{
document.getElementById("contenuPage").style.height = "800";
}
}

---

Sur IE ca marche nickel mais sur firefox dans mon source j'ai: (dans la source générée)
<div style="" id="contenuPage">
Normalement il devrait mettre style="height: 600px";

Je suis dispo pour toutes questions ou conseils.
Merci

Voir la page en ligne

juste en regardant vite fait, tu veux modifier le contenu de l'objet contenuPage en appelant comme ID scrollContenu.

Ca serait pas la ton pb ?

Non, en fait c'est moi qui est fait une erreur de frappe.
Merci de me le remarquer.
Le javascript s'execute bien mais il n'arrive pas a modifier la hauteur de la balise contenuPage, il met juste style="".

est ce que tu es sur que tu rentre dans tes if ?

(test avec des alert en affichant apr exemple la valeur de largeur)

Bonjour,

Citation:

---

Envoyé par kstou2001

Normalement il devrait mettre style="height: 600px";

---

non, en fait les modif dynamiques ne modifie pas le code source récupéré dans la page.

Par contre, dans ta fonction, il faut peut être ajouter l'unité "px"

Code:

---

document.getElementById("contenuPage").style.height= "300px";

---

A+

yes merci à E.Bzz. C'etait bien px qu'il manquait. Ca marche impec.Merci à tous:yaisse2: