/* Sytème Ajax */

		$("a.Ajax").livequery('click',



		function() 



			{

				$("div.table_center").load(this.href);

				

				size();

				

				return false;



			}



		);

(function($) {

	size = function() 

		{	

			/* Modicateurs des hauteurs des Div principal*/

			

			/* Récupération des hauteur des div */

			height_gauche = $("div.table_gauche").height();



			height_center = $("div.table_center").height();



			height_droite = $("div.table_droite").height();

			

			/* On cherche la plus grande */



			if (height_gauche > height_droite) height = height_gauche;



			else height = height_droite;





			if (height < height_center) height = height_center;



			

			/*On applique la plus grande hauteur a toutes les div désign */



			$("div.Xgauche").height(height);



			$("div.table_gauche").height(height);



			$("div.gauche").height(height);



		



			$("div.table_center").height(height);



		



			$("div.Xdroite").height(height);



			$("div.table_droite").height(height);



			$("div.droite").height(height);

			



			/* Fin des Modicateurs des hauteurs des Div principal*/

		}

})(jQuery);

(04-05-2009, 03:47 PM)phenix a écrit : Non, car il faut que toutes les Div ai la taille de la plus grande des div. C'est pour sa que je passe par du javascript, sinon, je mettrais simple un css...

Citation :il me semble que y avait des astuces justement pour s'éviter le passage par javascript. (ça nécessitait soit une bonne maitrise des clear, soit de multiplier les divs; mais ça marchait... enfin tout dépend aussi de la structure de tes pages et de ce que tu veux faire; mais le coup classique c'était d'avoir 2 ou 3 colonnes et de vouloir quelles soient toute avec de même hauteur quelque soit le contenu de chacune; pas besoin de javascript pour ça )

Citation :Pour que ça marche, il faut 1° que tu gères le positionnement des divs à contenu changeant avec les flottants ( par opposition au positionnement absolu ), et 2° que tu n'oublies pas d'utiliser la propriété css clear dans un autre div pour "rétablir le positionnement du flux" ( c'est pas très clair mais tu trouveras des infos dessus sur Google ), et 3° que tu ne spécifies pas de hauteur au div conteneur.

/*Contruction du tableau de base et ajustement des DIV */

.main_table

	{

		width: 959px;

		height: auto;

		margin: 0 auto;

	}



/* Début du Header */

.headerXgauche

	{

		width: 18px;

		height: 227px;

		float: left;

		background: #363b33 url(image/headerXgauche.jpg) no-repeat;

	}

.rose

	{

		width: 271px;

		height: 85px;

		float: left;

		background: #363b33 url(image/rose.jpg) no-repeat;

		padding-top: 142px;



		padding-left: 90px;

	}

.ange

	{

		width: 201px;

		height: 227px;

		float: left;

		background: #363b33 url(image/angeHover.jpg) no-repeat;

	}

.tombe

	{

		width: 327px;

		height: 85px;

		float: left;

		background: #363b33 url(image/tombe.jpg) no-repeat;

		padding-top: 142px;

		padding-left: 34px;

	}

.headerXdroite

	{

		width: 18px;

		height: 227px;

		float: left;

		background: #363b33 url(image/headerXdroite.jpg) no-repeat;

	}

/* Fin du Header */



/* Tableau de gauche */

.Xgauche

	{

		width: 18px;

		background: #363b33 url(image/Xgauche.jpg) repeat-y;

		float: left;

		height: 100%;

		clear: left;

	}

.table_gauche

	{

		width: 125px;

		min-height: 614px;

		background: #131313;

		float: left;

		padding-left: 5px;

		padding-right: 5px;

		margin: 0 auto;

		text-align: center;

		clear: left;

	}



.gauche

	{

		width: 18px;

		background: #363b33 url(image/gauche.jpg) repeat-y;

		float: left;

		height: 100%;

		clear: left;

	}

/* Fin tableau de gauche */	



/* Tableau du centre */



.table_center

	{

		width: 582px;

		min-height: 614px;

		background: #131313;

		float: left;

		clear: left;

	}

/* Fin tableau du centre */



/* Tableau de droite*/

.Xdroite

	{

		width: 18px;

		background: #363b33 url(image/Xdroite.jpg) repeat-y;

		float: left;

		height: 100%;

		clear: left;

	}

.table_droite

	{

		width: 160px;

		height: 100%;

		background: #131313;

		float: left;

		padding-left: 5px;

		padding-right: 5px;

		clear: left;

	}

.droite

	{

		width: 18px;

		background: #363b33 url(image/droite.jpg) repeat-y;

		float: left;

		height: 100%;

		clear: left;

	}

/* Fin tableau de droite*/



/* Footer */

.footer

	{

		width: 959px;

		height: 39px;

		background: #363b33 url(image/footer.jpg) no-repeat;

		float: left;

		clear: both;

	}

/* Fin footer */

$.ajax({

	url : this.href,

	dataType : "html",

	beforeSend : function(){

		$("div.table_center").append("<p>Chargement...</p>");

	},

	success : function(reponse){

		$("div.table_center").html(reponse);

		size();

	},

	error : function(){

		$("div.table_center").text("<p>Erreur.</p>");

	}

});

Citation :En fait c'est quoi livequery ? un truc genre live de jQuery ?