[CSS] défi avec position absolute et relative

**pmartin8** · 30/11/2005, 15h20

Dasn le code suivant

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
<html>  
<body>
<div style="position: absolute; bottom: 0; width: 100%; height: 200px; overflow: auto">
    <table style="width: 97%; border: 1px solid #CCC4B2; padding: 3px 3px 3px 3px;">
      <tr style="position: relative; top: 0; background: blue">
		    <td>Titre1</td>
		    <td>Titre2</td>
      </tr>
      <!-- Associated rows -->
      <tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
    </table>
  </div>
</body>
</html>

1- je veux que ma liste demeure dans le bas de ma page cest pourquoi jutilise {position: absolute; bottom: 0} sur ma div

2- je veux que ma premiere ligne de ma table demeure toujorus visible donc j'utilise {position: relative; top: 0;}

Le probleme c'est que IE ne semble pas aimé la combinaison d'un element position: relative a l'intérieur d'un élément position: absolute...
la premiere ligne de ma table scroll aussi!

C'est un bon defi a relever je vous assure!

**SpaceFrog** · 30/11/2005, 15h33

pas possible comme ça...
va voir dans la faq javascript il y a un code pour les entetes de tableau

**pmartin8** · 30/11/2005, 15h44

J'ai bien regardé mais jai rien trouvé..

est-ce que tu peux maider??

merci

**denisC** · 30/11/2005, 17h07

Cf http://www.developpez.net/forums/viewtopic.php?t=422816 sur exactement le même sujet...

**pmartin8** · 30/11/2005, 18h15

Ouais .. je suis capable davoir une entete de tableau fixe.. cest pas un probleme...

Le probleme survient lorsqu'en plus je tente de fixer ma div avec une position Relative

la combinaison des 2 ne fonctionne pas!

[CSS] défi avec position absolute et relative

Positionnement en CSS

Discussions similaires

Partager

Partager