probleme DIV masque

Bonjour,

J'ai un probleme que je dois resoudre urgemment, car le boss me presse et j ai un peu honte car ca parait tout bete mais le fait est que ca me bloque depuis presque une demie heure.
Le truc c'est que j ai une div1 (je la nomme comme ceci pour l exemple, qui contient une div2 contenant elle meme tout un tas de choses. La div1 a une hauteur fixe de 300px, tandis que la div2 dont le contenu est genere dynamiquement a une hauteur variable, mais toujours superieur a la hauteur de la div1 (300px pour memoire).

Et bien je n arrive pas a afficher UNIQUEMENT les 300 pixels superieur de la div2 :S

css : div1(id=coup_de_coeur) et div2(id=ccc)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

div#coup_de_coeur /* div1 'conteneur'*/ { float:right; width:156px; height:160px; padding:0px; margin:0px; border:1px solid #F3A600; background-color:#FFFFFF; }   #ccc /* div2 'contenu' */ { width:138px; margin:0px auto; }   div#coup_de_coeur img { cursor:pointer;}   .entete_ccc0 { width:100%; height:38px; background-color:#008FF3; font-weight:bold; color:#FFFFFF;font-size:11pt; font-family : "Trebuchet MS",Tahoma,Arial,Helevetica,sans-serif;} .entete_ccc1 { width:100%; height:38px; background-color:#F3A600; font-weight:bold; color:#FFFFFF;font-size:11pt; font-family : "Trebuchet MS",Tahoma,Arial,Helevetica,sans-serif;} .apartirde { color:#C5C5C5; font-weight:normal; font-size:7pt; font-family : "Trebuchet MS",Tahoma,Arial,Helevetica,sans-serif; } .prix_ccc { position:absolute;top:18px;left:40px;color:#FFFFFF; width:94px; padding-right:2px; font-weight:bold; font-size:11pt; font-family : "Trebuchet MS",Tahoma,Arial,Helevetica,sans-serif;text-align:right; } .case .ccc0 { width:136px; position:relative; min-height:120px; margin:2px auto; border:1px solid #008FF3;} .case .ccc1 { width:136px; position:relative; min-height:120px; margin:2px auto; border:1px solid #F3A600;}

---

Je met egalement le code php generant le contenu de la div2, (id=ccc)
php :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<div id="coup_de_coeur"> <div id="ccc"> <?php   $current = 0; $sortie = ""; for($a=0;$a<count($tab_promo);$a++) { echo "<div class='case'>"; echo "<div class='ccc".$current."'>"; echo "<p class='entete_ccc".$current."'>".$tab_promo[$a]['nom_pays']."<br /></p>"; echo "<p class='prix_ccc'><span class=\"apartirde\">&agrave; partir de </span>".$tab_promo[$a]['prix_mini']."&euro;</p>"; echo "<img src='./images/coeur/c_".$tab_promo[$a]['nom_photo']."' alt='".$tab_promo[$a]['legende']."' title='Cliquez ici pour en sovoir plus sur ce voyage' onclick=\"javascript:window.location.href='./fiche_voyage.php?id_v=".$tab_promo[$a]['id_voyage']."';\" />"; echo "</div></div>"; $current = ($current==1) ? 0 : 1; } ?> </div></div>

---

MAY DAY please, je suis en panique car il faut que j aie fini pour midi ce petit truc, et j en suis aux balbutiment car apres je dois l animer en javascript , please MAYDAY.

Mets

Code:

---

overflow:hidden;

---

sur ton div1.

Au passage :

Citation:

---

Je met egalement le code php generant le contenu de la div2, (id=ccc)

---

Merci de mettre le code généré par PHP et non le code PHP (cf ligne rouge de ma signature).

Désolé Bisounours

Voici le code généré :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<div id="coup_de_coeur"> <div id="ccc">   <!-- code genere par la bouce --> <div class='case'> <div class='ccc0'> <p class='entete_ccc0'>France<br /></p><p class='prix_ccc'><span class="apartirde">&agrave; partir de </span>1&euro;</p><img src='./images/coeur/c_1186382702_cret_hiver.jpg' alt='H&ocirc;tel le Cr&ecirc;t' title='Cliquez ici pour en sovoir plus sur ce voyage' onclick="javascript:window.location.href='./fiche_voyage.php?id_v=4';" /> </div> </div> <!-- repété 7 fois --> <!-- fin du code genere par la bouce -->   </div> </div>

---

Avec la propriété overflow definie a hidden , j obtient le resultat escompté sous FireFox, et autre navigateurs non discidents.
Pour IE , il faut que DIV1, le conteneur soit positionné en plus.

Merci Bisunours pour ta reponse.