Modification paramètre CSS qui ne marche pas

Bonjour,

J'essaye d'attribuer une hauteur calculée à un block (le block 'main').
Celui-ci est calculé à partir de la hauteur du block 'page' en enlevant 60px (la hauteur fixe du header).
J'ai donc écrit cela dans mon code:

Code:

---

1 2	var haut=($('#page').css('height')-60px); $('#main').css({'height':haut});

---

Ca ne marche pas. Ca vient du "-60px" car lorsque j'enlève le "-60px" la hauteur du "main" prend bien la hauteur de "page".

Quelle syntaxe dois-je utiliser afin de résoudre ce problème?

Merci bien:ccool:

Code:

---

- 60px

---

y'a rien qui te choque là ???

Et bien je suis débutant jQuery/Javascript donc vu comme ça y'a rien qui me choque même si je sais que le problème vient de là!

Bonjour,

Et bien faire -60px ne veut rien dire. Ecris comme ça, 60px ne représente pas une valeur mais une erreur de syntaxe. Ici, vous ne devez pas préciser le px car vous jouez avec des nombres. La notion d'unité ne doit pas intervenir dans votre calcul.

D'accord merci pour votre réponse j'ai compris.
Mais si je ne précise pas l'unité, cette valeur sera bien comprise en tant que "valeur en pixels" par le navigateur?

Je crois que par défaut ce sont des pixels. Mais de toute façon, c'est dans l'instruction d'après que la notion d'unité intervient. Pas dans votre calcul.

Code:

---

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

var jObj = $( "#page" );   // Méthode recommandée avec jQuery 1.8.X pour width et height lorsque // le sélecteur traite plusieurs éléments du DOM simultanément. // Voir : http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/ // Le résultat est un texte, exemple "1024px" // l'unité est le px par défaut jObj.css( "height", parseInt( jObj.css( "height" ), 10 ) - 60 );   // Avec height() l'écriture est plus simple car le résultat est un nombre // l'unité est le px par défaut jObj.height( jObj.height() - 60 );

---

Ok merci pour la réponse bien détaillée je pense avoir saisi.
Je vais utiliser height(). :ccool:

Bonne journée