Faire un cadre fixe autour d'un grand tableau

**malabarbe** · 26/12/2011, 15h27

Bonjour à tous,

J'ai un grand tableau contenu dans une Div.
Ce tableau a une bordure.

Mais, quand je scrolle, bien sur la bordure du haut disparait.

Je voudrais qu'elle soit toujours apparente.

L'idée, serai d'inclure ce tableau dans une Div avec une bordure
qui elle resterai fixe.

C'est l'idée, mais je ne sait pas faire.

Un conseil serai le bienvenu.

**NoSmoking** · 26/12/2011, 15h33

Bonjour,

Code html :

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

1
2
3
4
5
6
7
<div>
  <table>
    <!--
    le reste du code de la table
    -->
  </table>
</div>

le CSS devrait faire le reste

**malabarbe** · 26/12/2011, 15h40

Bonjour NoSmoking,

Oui, j'ai fait cela avec une bordure au Div,

mais quand je scrolle, tout remonte et je ne vois
plus la bordure suppérieure.

Le but, c'est que quel que soit ma position
dans le tableau, la bordure soit toujours visible.

**Torgar** · 26/12/2011, 15h48

Tu as rajouté un overflow: auto; sur ta div ? (je suis pas sûr que ce soit le résultat voulu

)

**NoSmoking** · 26/12/2011, 16h01

un petit exemple

Code html :

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
38
39
40
41
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Table]</title>
<style type="text/css">
div {
  height : 301px;
  width : 401px;
  overflow-y : scroll;
  overflow-x : hidden;
  border : 1px solid black;
}
table {
  border : 0;
  border-collapse : collapse;
}
td {
  width : 200px;
  height : 50px;
  border : 1px solid black;
}
</style>
</head>
<body>
<div>
  <table>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
  </table>
</div>
</body>
</html>

Le but, c'est que quel que soit ma position
dans le tableau, la bordure soit toujours visible.

mais un doute m'assaille, qu'appelles tu bordure du haut ??

**malabarbe** · 26/12/2011, 16h18

Ok,

En partie good

J'ais mis cela pour voir mieux :

Code :

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

1
2
 
  <Div style="border-width:10px; border-style:dotted; border-color:black; ">

Au départ, bordure bas et droite non affichées.

En bas de tableau, bordure haut et droite non affichées.

Déjà merci, mon affaire avance.

Faire un cadre fixe autour d'un grand tableau

HTML

Vue hybride

Discussions similaires

Partager

Partager