Discussion :

[zineb_cyn]

Bonjour ,

depuis que j'ai téléchargé la dernière version de firefox(4.0) , les scrolls de mes tableaux ne s'affichent plus

Voici Mon code:

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
.scrollTable table  {
    border:1px solid #000000;  
    width:230px;    
}
.scrollTable thead {
   height: 10px; 
}
 
.scrollTable th {
	background-color: #dcff94;
	padding: 3px 10px 3px 4px ;
}
.scrollTable td {
 
   padding: 3px 10px 3px 4px;
   border-bottom: 1px solid #b5bb9b;
 
}
.scrollTable .odd {
	background-color: #f3f9d9;
}
.scrollTable .even {
	background-color: #e2e8c8;
}
.scrollTable tbody {
  height: 230px;     
   overflow-y: auto;  
   overflow-x: hidden; 
 }

Pouvez-vous m'aider?

Merci,

[ornitho13]

Peux tu ajouter le code HTML ?

[betadev]

Bonsoir ,

Si tu ajoute un display:block; à la class .scrollTable tbody ça va fonctionner :

Code :

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

1
2
3
4
5
6
.scrollTable tbody {
  height: 230px;     
   overflow-y: auto;  
   overflow-x: hidden; 
   display:block;
 }

[zineb_cyn]

Bonjour ,

Merci betadev , Problème résolu en ajoutant

Code :

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

display:block;

au style de body et

Code :

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

display: inline-table;

au style du header

le code final est :

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
.scrollTable table  {
    border:1px solid #000000;  
    width:230px;    
}
.scrollTable thead {
   height: 10px; 
   display: inline-table;
}
 
.scrollTable th {
	background-color: #dcff94;
	padding: 3px 10px 3px 4px ;
}
.scrollTable td {
 
   padding: 3px 10px 3px 4px;
   border-bottom: 1px solid #b5bb9b;
 
}
.scrollTable .odd {
	background-color: #f3f9d9;
}
.scrollTable .even {
	background-color: #e2e8c8;
}
.scrollTable tbody {
  height: 230px;     
   overflow-y: auto;  
   overflow-x: hidden;
   display:block;
 }

[tMSun]

Bonjour,

J'ai le même soucis, mais quand je passe le header en "inline-table" et le tbody en "block" , la largeur des colonnes du header et celle du body ne coincident pas ?!

Le texte à l'intérieur est dynamique du coup je n'sais pas combien vont faire les colonnes à l'avance ..

J'imagine que tes colonnes ont une largeur prédéfinie ?

Sinon vous auriez une idée ca fait un moment que je suis dessus je trouve pas ?? j'm'en suis même remis à passer sur FF3.6