Float, div, et positionnement [résolu]

Bonjour à tous.

J'ai consulé la FAQ, qui m'a déjà permis de bien avancer, mais voilà mon problème.

J'ai un menu qui présente des livres, avec en gros, à gauche, la photo de la pochette, et à droite son titre, son auteur et un résumé.

Le problème, c'est que suivant la taille de mon résumé, le div d'en dessous (le livre suivant) est plus ou moins espacé.
Or, je voudrais qu'entre chaque pochette il y ai le même espace.

Voici mon html :

<div class=livre><img src="pochette.jpg" class="visio"><div class=livretexte><h3>L'alphabet Rigolo</h3>
					De : Auteur<br>
					Avec : ACTEUR<br>
					Résumé : Il arrive et fait un[...]</div></div>

et le css qui va avec :

.titre {
margin-left:11em;
	}

.livre {
    margin-bottom :4em;
	margin-right:11px;
	width: 500px; 
	}
	
.visio {
  float: left;
      }

Voilà, si quelqu'un pouvait me donner un coup de main, ça serait très gentil !

Bonne soirrée tout le monde !

LF !
Modifié par lesfabuleux (18 Nov 2006 - 22:11)

Bonjour,
as tu pensé tout simplement à ajouter un div "rempli" de vide (des espaces), dimensionné avec une taille fixe (height : XXpx) et à l'ajouter sous chaque livre ou un <hr /> de taille fixe (height : xxpx)?

coucou a écrit :
as tu pensé tout simplement à ajouter un div "rempli" de vide (des espaces), dimensionné avec une taille fixe (height : XXpx) et à l'ajouter sous chaque livre ou un <hr /> de taille fixe (height : xxpx)?

Un beau bidouillage, quand même. Il doit bien y avoir moyen de faire plus simple ?

Par exemple :

div.livre {min-height: 200px;}

La valeur de 200px est bien sûr indicative, c'est à adapter. On utilisera min-height plutôt que height pour prévoir le cas où on aurait un texte important et/ou une taille de caractère agrandie... dans ce cas, l'écart ne sera plus le même, mais ça évite d'avoir du texte qui déborde sur le texte suivant.

Edit : pour IE6 et inférieurs, faire une recherche 1) sur "min-height et ie" et 2) sur les "commentaires conditionnels".
Modifié par mpop (18 Nov 2006 - 19:36)

Merci beaucoup à tous les deux !

Effectivement, j'ai trouvé mon bonheur avec min-height.

C'est-y pas vrai que je vais réussir à faire du css !??

Merci encore !

LF.