J'ai une fonction qui force mon <div id=content"> à prendre toute la hauteur du navigateur.

function height(bloc){
var hauteur;
if( typeof( window.innerWidth ) == 'number' )
hauteur = window.innerHeight;
else if( document.documentElement && document.documentElement.clientHeight )
hauteur = document.documentElement.clientHeight;
document.getElementById(bloc).style.height = hauteur+"px";
}
window.onload = function(){ height("content") };
window.onresize = function(){ height("content") };

Le soucis est que, bien que mon code soit placé sur toutes les pages de mon site, ça ne marche que quand je charge la première page, si je clique sur un lien vers une autre page, je suis obligé d'actualiser pour que ça marche.

Avez-vous une idée ? Merci

Je ne sais pas de quel liens tu parle mais ta fonction tu la lance au chargement de la page

window.onload

Pas au clique sur quelque chose

Je m'explique :

J'ai ma page index.html, avec la fonction ci-dessus.

J'ai ma page exemple.html, avec la même fonction.

Si je vais directement sur ma page index.html, ça marche.

Si je vais directement sur ma page exemple.html, ça marche.

Si je vais sur index.html, et que je clique sur un <a href="exemple.html">, quand j'arrive sur exemple.html ça marche pas, je suis obligé d'actualiser exemple.html.

Question toute simple : Pourquoi en javascript et non en CSS ?