hauteur d'un tableau

**bavibavi** · 15/06/2006, 15h40

salut,
j'ai simplifié au maximum mon exemple ce qui donne cela :

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
<html>
<head>
  <style>
    table tr td {border: solid 1px #000000;}
  </style>
  </head>
  <body>
     <div style="width:150px;overflow:auto;">
      <table style="border: solid 1px #000000;width:100px;">
        <tr>
          <td>zer zer z er zer ze rzerer zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
        </tr>
        <tr>
          <td>zer zer z er zer ze rzerer zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
          <td>zer zer z er zer ze rzer</td>
        </tr>
      </table>
     </div>
  </body>
</html>

Sur mozilla la scroll vertical n'apparait pas. Mais sous IE oui !!! grrrr comment la virer simplement ? SANS fixer de hauteur (en px) car le nombre de ligne de ma table est variable.

**IdF-Socrateus** · 15/06/2006, 15h56

la propriété overflow:hidden supprime les barres de défilement.
Si c'est bien l'objectif de ne pas afficher ce qui dépasse...

**bavibavi** · 15/06/2006, 16h04

non en fait il me faudrait la barre de défilement horizontale mais pas la verticale.

Sauf que sous IE la barre de defilement horizontale apparait par dessus le texte donc elle crée une barre de défilement verticale :s ( ca ce mort la queue)

sous firefox, la barre de défilement apparait en dessous donc il n'y a pas de pbs.

J'ai essayé en mettant un height=110% afin de faire apparaitre la scroll plus bas mais cela n'est pas pris en compte.

**IdF-Socrateus** · 19/06/2006, 10h00

je réponds un peu tard, mais...
as-tu regardé les autres propriétés d'overflow et de ses dérivés :

La feuille de style overflow-x peut prendre la valeur de :
- visible, rend visible tout ce qui dépasse.
- hidden, cache tout ce qui dépasse.
- scroll, met une barre de défilement horizontale.
- auto, met une barre de défilement horizontale si besoin.
- inherit, hérite de son parent (css2).

donc :

Code :

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

1
2
overflow-x:auto;
overflow-y:hidden;

EDIT:

Infos complémentaires Firefox/Nestcape

Comme vous pouvez le constater la feuille de style ou css (cascading style sheets) overflow-x n'est pas compatible avec les navigateurs comme Firefox/Nestcape.
Pour faire le même effet vous devez utilisez le code suivant :

Code :

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

1
2
3
4
5
6
7
#dmcscroll{ 
display: block; 
overflow:hidden; 
overflow-x: auto; 
overflow-y: hidden; 
overflow : -moz-scrollbars-horizontal; 
}

hauteur d'un tableau

HTML

Vue hybride

Discussions similaires

Partager

Partager