Discussion :

[Lionel_aw]

Bonsoir, décidément il y a plein de résultats imprévisibles avec javascript !!

j'ai développé une fonction pour centrer le contenu de ma page web, à travers le DIV principal.

voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	var checkHeight = function()
	{
	var $haut = $(window).height();
	var $wrapH = $("#wrapper").outerHeight();
		if ($haut > $wrapH)
		{
		$("#wrapper").css("margin-top",($haut - $wrapH) / 2 +"px");	
		} else {
		$("#wrapper").css("margin-top","8px");	
		}
	}
 
	checkHeight();
	$(window).resize(checkHeight);

quand la page se charge, et quand on redimensionne, le div#wrapper se trouve centré verticalement par ajustement de la marge haute, ça marche..
Si la fenêtre est moins haute que le contenu, alors je mets une marge arbitraire de 8pixels.

Le problème, c'est qu'avec Firefox , si je fais Actualiser (avec le bouton ou la touche F5) alors là il me calcule une marge disproportionnée, du style 278px pour une hauteur de fenêtre de 784px, ou bien 390px pour une hauteur de fenêtre de 1007px.
Si je fais Ctrl+F5 (recharger la page), y a pas de problèmes.

Avec IE le bouton Actualiser fonctionne bien et provoque le centrage de la page.

Quelqu'un a une idée?

Merci....

[gwinyam]

C'est pas imprévisible, c'est même prévisible. Il me semble que sur certains navigateurs, les constantes de type taille de la fenêtre, du document etc. ne sont pas rafraîchies dans le cache avec un simple F5. Et jQuery use au possible du cache.
A confirmer.

[Lionel_aw]

merci pour ta réponse..

mais c'est bizarre, car j'avais déjà utilisé cette fonction sur un autre site, et le problème ne se posait pas..

je n'arrive pas à trouver quelle est la différence, tenter cet ancien site et le nouveau, qui peut faire apparaître le problème.

Je suis aussi étonné qu'avec tout ce que peut faire la Javascript, j'ai pas trouvé une solution simple pour centrer un div verticalement dans une page.. et ce de manière infaillible.

[gwinyam]

Le problème ne vient pas de Javascript mais de l'implémentation qu'en ont les différents navigateurs.
Je testerai ton code ce soir, là j'ai pas le temps.

[Lionel_aw]

Je testerai ton code ce soir, là j'ai pas le temps.

merci, c'est super sympa à toi.