[Résolu] Récupérer la largeur d'un DIV qui na pas de taille prédéfini

Re-Bonjour...

Je tente de centrer un div qui n'a pas de largeur prédéfini et qui varie en fonction des éléments qui si trouvent...

donc pour l'instant j'ai mon div :

<div id="pagination"></div>

et juste en dessous j'ai mon petit script javascript :

<script type="text/javascript">
    var taille = document.getElementById("pagination").offsetWidth;              
    var obj = document.getElementById("pagination");
    obj.style.width = taille+"px";         
</script>

Mais cela ne fonctionne pas...

Je n'ai pas trouvé grand chose pour m'aider si ce n'est ceci :
http://forum.alsacreations.com/topic.php?fid=5&tid=22007&s=calculer+largeur+div

Mais moi et le javascript...

Merci d'avance pour votre aide.
Modifié par deli (10 Mar 2011 - 15:50)

salut

Avec jquery, c'est plus simple quand on est pas à l'aise avec javascript, tu fais

$(document).ready(function() {
	$('#pagination').css("position","absolute");
	$('#pagination').css("left", ( $(window).width() - $('#pagination').width() ) / 2+$(window).scrollLeft() + "px");
});

Centrage horizontal, pour vertical et horizontal, rajoute une ligne

$(document).ready(function() {
	$('#pagination').css("position","absolute");
	$('#pagination').css("left", ( $(window).width() - $('#pagination').width() ) / 2+$(window).scrollLeft() + "px");
            $('#pagination').css("top", ( $(window).height() -$('#pagination').height() ) / 2+$(window).scrollTop() + "px");
});

C'est une solution possible.

C'est presque parfais ! Mais tu as compris ce que je souhaitais

Mais le problème c'est que ton raisonnement place le div pagination au milieu de l'écran.

Or je dois le placer au milieu d'un autre div qui lui n'est pas centrer...

pfff il y a des fois ou l'on vois trop compliqué (bcp trop^^)

en css

#pagination {
  width: 50%
  margin: 0 auto;
}

....

a écrit :
Or je dois le placer au milieu d'un autre div qui lui n'est pas centrer...

Il faut simplement faire la même chose mais en plaçant le div qui contient pagination en relative Bonne veille régle css.

a écrit :
pfff il y a des fois ou l'on vois trop compliqué (bcp trop^^)

J'ai répondu à ta question après c'est toi qui voit. Tu veux du js, tu as du js.