DIV clear:both qui se met en bas avec mozilla

[kate59]

bonjour,

petite question j'ai un div que j'ai mit en clear:both en dessous de deux autres, mais le div se met tout en bas de la page avec mozilla.
Mais avec ie nikel il se met en dessous de deux autres sans aucun espace comme je le souhaite.

voici le html:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="details_left">';
...
 
 
</div>
 
<div id="details_right">
 
...
 
$body.='</div>';
 
 
$body.='
<div style="clear:both;"></div>
<div id="details_desc">
....
	</div>';

merci.

Code :

1
2
3
4
5
6
7
8
9
10
11
#details_left
{
float:left;
width:40%;
}
#details_right
{
float:left;
margin-left:30px;
width:50%;
}

[vaneck]

Pourrais tu mettre un code html valide stp?
Je suppose que c'est un truc du genre:

Code :

1
2
3
4
5
6
7
 
<div id="details_left">
</div>
<div id="details_right">
</div>
<div style="clear:both;"></div>
<div id="details_desc"></div>

[Ceddoc]

Salut,

Chez moi sous firefox 4 tout marche bien...
Et j'ai lancé un firefox 3 tout marche aussi...

Tu pourrais préciser tes conditions de test redonner une page html interprêtée voir nous donner un exemple en ligne.

[kate59]

le site n est pas en ligne desoler, alors j'ai tout tester enlevr un partie remit un partie mais rien y fait, j'ai tj ce div tout en bas de la page sous mozilla, et voici une imprim ecran au cas ou:
la source ne montre rien d'anorma.

[Ceddoc]

Si tu veux qu'on t'aide il faut qu'on arrive à reproduire ton problème et pour ça une capture d'écran ne nous sert pas à grand chose. Si le site n'est pas en ligne donne nous le code source de la page (et le css complet), en enlevant les données que tu ne veux pas qu'on voit...

Parceque là ça ne nous facilite pas la tache pour t'aider.

[kate59]

voila la source:

voici en gros la structure du site:

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
27
28
29
30
31
32
<div id="contenu"> 
 
  <div class="contenu_droite">
 
    <?php include('contenu_droit.php'); ?>
 
 
   </div><!-- end of right content -->   
 
<div class="contenu_gauche">
 <?php include('contenu_gauche.php'); ?>
 
 
        <!--fin publicite-->
 
   </div>
  <!-- contenu de centre -->
 
 
   <div class="contenu_page_centre">
<div id="details_left">left</div>
 
		<div id="details_right">right</div>
 
		<div id="details_desc">footer</div>
 
 
 
   </div><!-- end of center content -->
 
 
  </div>

le css:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
/*------------- div contenu a gauche------------------*/
.contenu_gauche{
background:#B9CAFF;float:left;width:250px;
background:url(../images/fond_blue_degrader_gauche.png);
padding-bottom:10px;
}
 
 
/*----------------------contenu droite--------------*/
.contenu_droite{
background:#FF8539;float:right;width:250px;
background:url(../images/fond_blue_degrader_droite.png);
padding-bottom:10px;
}
 
.contenu_page_centre
{
background-color:white;
min-height:600px;
margin-top:25px;
color:black;
margin: 0 250px;
padding-top:10px;
}
#details_left
			{
			float:left;
			width:40%;
			background-color: red;
			}
			#details_right
			{
			float:left;
			margin-left:30px;
			width:50%;
			background-color: blue;
			}
			#details_desc {
			clear: both;
			background-color: green;
			}

et donc c est le div #details_desc qui descent tout en base du site.
merci.

[vaneck]

bin de ce que t'as donnée , avec firefox pour moi ca se met directement en dessous des autres blocs sans problemes!

[Ceddoc]

Pareil que Vaneck, pour moi ce que tu as donné marche parfaitement bien... sous firefox 4 et firefox 3.

Essaye de nous mettre une page en ligne avec du contenu bidon mais sur laquelle tu as le problème, précise nous avec quelle version de mozilla tu test.