Discussion :

[cereal59]

Bonjour,

Je cherche a afficher une div au centre de ma page, pour la centrer j'ai donc besoin de connaitre sa taille.

Mon probleme est que le contenu de ma div est charge par un appel ajax, je ne peut pas connaitre pas la taille du contenu a l'avance.

Comment faire pour recuperer la taille de cette div une fois son contenu charge ?

[le_chomeur]

Salut , tu peux utiliser la propriété : innerHeight pour la hauteur, et innerWidth

fonction te permettant de centrer un élément de façon vertical et horizontal :

Code :

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

1
2
3
4
5
6
7
8
9
 
function CenterElement(IdElement){
	var elem = document.getElementById(IdElement);
	elem.style.marginLeft = -(parseInt(elem.style.width)/2)+"px";
	elem.style.marginTop = -(parseInt(elem.style.height)/2)+"px";
        // OU !!
        elem.style.marginLeft = -(parseInt(elem.innerWidth)/2)+"px";
	elem.style.marginTop = -(parseInt(elem.innerHeight)/2)+"px";
}

je t'ai mis les deux façons de connaitre la taille d'un élément

[cereal59]

Merci pour ta reponse, mais ca ne fonctionne pas, non pas que ta solution soit mauvaise, mais dans mon cas, je ne definit pas de width ou height pour la div, donc j'ai toujours 0px comme resultat ...

En fait j'ai teste aussi avec offsetWidth et offsetHeight mais j'ai 0 aussi.

Ma page html doit etre mal concue je pense, je vais creuser le probleme ...