Obtenir la hauteur d'un element qui est en min-height

**band22** · 04/08/2011, 16h18

Bonjour

Voila, je voudrais savoir comment obtenir la hauteur d'un element qui est en min-height, car je n'y arrive pas, je voudrait recupéré la hauteur non pas du min-height, mais de la hauteur de la div.

J'ai essayer des tonnes de truc comme:

Code :

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

1
2
var hauteur = $('#rfrf').height();
alert(hauteur); //affiche 0 :'( or ma div est en min-height 500px

...regarder toute les pages google à propos de min-height mais rien et rien ne marche:'(

Pourriez vous m'aider?

Merci d'avance

Cordialement

**Bovino** · 04/08/2011, 16h32

Désolé de te le dire, mais

Code :

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

$('#rfrf').height();

fonctionne très bien même avec min-height. Ton erreur doit venir d'ailleurs...

**band22** · 04/08/2011, 16h38

Voici mon code complet:

Code :

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

1
2
3
4
5
6
<div style="min-height:500px;" id="'.$reqs['id'].'rfrf">
<!--contenu de ma div-->
</div>
 
<script type='text/javascript'>var hauteur = $('#' + ".$reqs['id']." + 'rfrf').height();
alert(hauteur);</script>

L'id à une variable php car ce code est dans un boucle php et s'execute pour plusieurs element.

Par contre je n'est pas d'erreur signalé avec la console javascript de chrome, donc c'est bizarre.

PS: je n'est pas oublier la balise "code" cette fois

**Bovino** · 04/08/2011, 16h45

Envoyé par band22

PS: je n'est pas oublier la balise "code" cette fois

Non, cette fois-ci, ru as oublié de respecter ce qui est demandé : Important : Les règles incontournables d'utilisation de ce forum à savoir poster le code HTML généré et non le PHP

Ce 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
15
16
17
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8"/>
	<title>min-height</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
	<div style="min-height:500px;" id="rfrf">
		<!--contenu de ma div-->
	</div>
	<script>
		var hauteur = $('#rfrf').height();
		alert(hauteur);
	</script>
</body>
</html>

fonctionne très bien... donc je persiste à penser que l'erreur vient d'ailleurs

Tu as bien précisé un DTD ?

**SpaceFrog** · 04/08/2011, 16h53

offsetHeight ?

**band22** · 04/08/2011, 17h03

Bovino, désolé, je suis nouveau, je débarque...

Sinon, effectivement ton code marche, mais dans son "emplacement", il me retourne à chaque fois 0.

Et il y bien le il y a bien DTD, donc je ne comprend vraiment pas :'(

SpaceFrog, offsetHeight me renvoi 'undefined' en faisant:

Code :

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

$('#rfrf').attr('offsetHeight ');

Obtenir la hauteur d'un element qui est en min-height

jQuery

Vue hybride

Discussions similaires

Partager

Partager