Se connecter avec
S'enregistrer | Connectez-vous

centrer verticalement le contenu d'une div ?

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

d'accord merci pour la réponse. En fait ça fait pas ce que je voudrais. Vu l'architecture de mon site, je peux pas centrer comme ça.

Est-il possible de récupérer et stocker dans un variable la hauteur d'une div à chaque affichage alors que cette hauteur change à chaque affichage en fonction du contenu de la div.

Je sais pas si je me suis bien expliquer ...

merci beaucoup ça m'avance déjà bien.
Par contre je comprends pas pourquoi mon code fonctionne pas :

  1. echo '<script language="Javascript">
    

  2. 									var message=\'<table border="1" height="\';
    

  3. 									message+=document.getElementById("hauteur").offsetHeight;
    

  4. 									message+=\'">\';
    

  5. 									document.write(message);
    

  6.                                     </script>';


L'attribut border fonctionne mais pas le height. Alors que j'ai testé par une autre méthode, la récupération de la valeur fonctionne : j'ai bien mis l'attribut id à ma div dont je récupère le hauteur.

??

Normalement tu fais du php à ce que je vois ( d'où le echo ... vive les templates mais soit ce n'est pas le sujet de discution ).

Ton echo ici présent va écrire comme code html :


# <script language="Javascript">
# var message=\'<table border="1" height="\';
# message+=document.getElementById("hauteur" ).offsetHeight;
# message+=\'">\';
# document.write(message);
# </script>
Je n'en vois tjs pas l'interet , mais soit .

Ce qui produira comme effet ceci :

<table border="1" height="\'00 </script>

00 parce que j'ai aucune idée si le getElementById va te renvoyer qqch ou pas.

Le format adéquat est <table border="1" height="00"><tr><td></td></tr></table>

Ton echo personnellement ne sert à rien puisque le code qui va etre généré est fait lors du chargement de la page et non la génération .



ok bon si je comprends bien ce que je veux faire est impossible, mais je tente un dernier truc :

si je mets ce code alors que la div qui s'appelle "hauteur" est déclarée plus haut, c'est normal que ça me retourne "0" ?

  1. $variable='<script language="Javascript">
    

  2. 	var message=document.getElementById("hauteur").offsetHeight;
    

  3. 	document.write(message);
    

  4. 	</script>';
    

  5. echo $variable;

  1. <html>
    

  2. <head>
    

  3.  <script language="Javascript">
    

  4. 	function display(){
    

  5.      var message=document.getElementById("hauteur");
    

  6. 	 window.alert(message.offsetHeight);
    

  7. 	}
    

  8. </script>
    

  9. </head>
    

  10. <body>
    

  11. 	<div id="hauteur" height="100"></div>
    

  12. 	<input type="button" onclick="javascript:display()"/>
    

  13. </body>
    

  14. </html>


Par contre j'ai toujours 0 qui est retourné.
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde