Discussion :

[Jiraiya42]

Salut !

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

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

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

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

[roswald]

Salut !

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

Code :

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

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"


Roswald

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

[GregPeck]

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 :

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

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

Juste après la fermeture de ton div part_right.