Discussion :

[arkofab]

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 :

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
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 :

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
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.

[Bisûnûrs]

Mets

Code :

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

overflow:hidden;

sur ton div1.

Au passage :

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).

[arkofab]

Désolé Bisounours

Voici le code généré :

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
 
<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>

[arkofab]

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.