Compréhension CSS Firefox

Salut !

Quand je navique avec Firefox mon div s'élargit pas selon le contenu :

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
 
#squelette
{
width : 70em ;
height : 100% ; 
} 
 
#banniere
{
width : 100% ;
height : 100px ;
}	
 
#part_left
{
width : 12em ;
height : 85% ;
} 
 
#part_right
{
width : 780px ;
} 
 
#part_down
{ 
width : 70em ;
height : 1em ;
}

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
 
body
{
text-align:center;
}	
 
#squelette
{
border : solid black 1px ;
}
 
#banniere
{
border-bottom : solid black 1px ;
}
 
#part_left
{
float : left ;
border-right : solid black 1px ;
}
 
#part_right
{
background-repeat: repeat-y;
float : left ;
text-align : center ;
}
 
#part_down
{ 
border : solid black 1px ;
background:blue;
}

Le squelette s'agrandit pas résultat ça dépasse de tous les côtés alors qu'avec IE c'est parfait

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
 
<div id="squelette"> 
  <div id="banniere">
  </div>
    <div id="part_left">
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
    </div>
    <div id="part_right">
      <br /><br /><br />blabla
      <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
	  <br /><br /><br />blabla
 
    </div>
</div>
<div id="part_down">	
  </div>

Quelqu'un peut m'aider svp ?

Merci d'avance...

Salut !

essaye de metre ceci dans ton script ( dans les div que tu veux modifier ;)):
Code:

1 2 3 4 5 6 7 #squelette { width : 70em ; height : 100% ; overflow: auto; }
tu rajoute "overflow: auto;" , en français: " je veux que la taille de mon div soit en harmonie avec la taille de ma zone texte":D

Roswald

PS: En général c'est IE qui est en retard pas Firefox ;)

roswald, je me permet de te corriger.

overflow:auto; signifie "Met des ascenseurs automatiquement si le contenu est plus grand que le conteneur"

Là, le problème est plus compliqué, c'est que tu dit que ton div part_right est en float, ce qui veux donc dire que ton div est sortie du flux et qu'il n'est donc plus dans le div squellette.
C'est le comportement standard que Firefox reproduit à la perfection ;)

Si tu veux régler ton problème, rajoute :

Code:

<div style="clear:both"></div>

Juste après la fermeture de ton div part_right.