Bonjour,
Je me suis fait un cadre avec des images découpés c'est monté avec des div css.
Mon problème est que je ne trouve pas comment faire pour que le cadre s'ajuste en hauteur de 100% selon la quantité de texte contenu dans les cadres.
Pouvez-vous m'aider svp?
Merci!
Voir: http://www.bizhosting411.com/~auberged/cadre-2c/cadre-2c.html
Je me suis fait un cadre avec des images découpés c'est monté avec des div css.
Mon problème est que je ne trouve pas comment faire pour que le cadre s'ajuste en hauteur de 100% selon la quantité de texte contenu dans les cadres.
Pouvez-vous m'aider svp?
Merci!
Voir: http://www.bizhosting411.com/~auberged/cadre-2c/cadre-2c.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<style type="text/css">
<!--
.cadre-2-01_ {
width: 321px;
}
.cadre-2-01_left {
width: 21px;
height: 66px;
background-image: url(images/cadre-2_01.png);
float: left;
}
.cadre-2-01_center {
width: 280px;
height: 66px;
background-image: url(images/cadre-2_02.png);
float: left;
}
.cadre-2-01_right {
width: 20px;
height: 66px;
background-image: url(images/cadre-2_03.png);
float: right;
}
.cadre-2-02_ {
width: 321px;
height: auto;
float: left;
}
.cadre-2-02_left {
width: 21px;
height: 175px;
background-image: url(images/cadre-2_04.png);
float: left;
}
.cadre-2-02_center {
width: 280px;
height: 175px;
background-image: url(images/cadre-2_05.png);
float: left;
}
.cadre-2-02_right {
width: 20px;
height: 175px;
background-image: url(images/cadre-2_06.png);
float: right;
}
.cadre-2-03_ {
width: 321px;
height: auto;
float: left;
}
.cadre-2-03_left {
width: 21px;
height: 27px;
background-image: url(images/cadre-2_07.png);
float: left;
}
.cadre-2-03_center {
width: 280px;
height: 27px;
background-image: url(images/cadre-2_08.png);
float: left;
}
.cadre-2-03_right {
width: 20px;
height: 27px;
background-image: url(images/cadre-2_09.png);
float: right;
}
-->
</style>
</head>
<body>
<div class="cadre-2-01_">
<div class="cadre-2-01_left"></div><div class="cadre-2-01_center"></div><div class="cadre-2-01_right"></div>
<div class="cadre-2-02_left"></div><div class="cadre-2-02_center">
<p>Même si un saut en parachute peut paraître effrayant, c’est avec un Saut en parachute culinaire que l’Auberge des Berges se voit remettre le prix de la catégorie « Hébergement – Moins de 40 unités ».Ce concept culinaire innovateur leur a permis de se démarquer des autres.</p>
<p>Le Saut en parachute est une aventure gourmande dans laquelle le client laisse au chef le choix de son repas. L’Auberge des Berges fait vivre à ses clients une expérience, qui varie selon leur audace. Les audacieux ont le choix de laisser leur repas ou seulement une partie de ce dernier entre les mains du chef. Celui-ci déterminera le contenu des différents plats tout en respectant, s’il y a lieu, les restrictions alimentaires du client.</p></div><div class="cadre-2-02_right"></div>
<div class="cadre-2-03_left"></div><div class="cadre-2-03_center"></div><div class="cadre-2-03_right"></div>
</div>
</body>
</html>