Redimensionnement compatibilité IE8 et Opéra

**lilington** · 28/01/2010, 09h24

bonjour.
j'ai un scripte qui marche que avec Firefox. j'ai teste avec IE8 et Opera aussi mais rien ne ce passe. d'abort le script:

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
 
<html>
  <head>
  </head>
  <body>
	<table border='1px'>
		<thead>
		<tr>
		<td>id</td> <td>code</td> <td>name</td> <td>city</td> <td>landmark</td>
		</tr>
		</thead>
				<TBODY style="background-color:#DDDDDD;overflow-y: auto;overflow-x:hidden;">
		<tr>
				<td>1</td> <td>rien</td> <td>jean</td> <td>ici</td> <td>sais pas ou c'est</td>
		</tr>
				<tr>
				<td>2</td> <td>u</td> <td>luc</td> <td>labas</td> <td>4'5''</td>
				</tr>
				<tr>
				<td>3</td> <td>coe</td> <td>math</td> <td>vers</td> <td>145'55'</td>
				</tr>
				<tr>
				<td>4</td> <td>dfde</td> <td>marc</td> <td>pas loin</td> <td>sur la lune</td>
				</tr>
				<tr>
				<td>5</td> <td>we</td> <td>moi meme</td> <td>chez moi</td> <td>j'ai dit chez moi</td>
				</tr>
		</TBODY>
	</table>
 
	<script type="text/javascript">
				var a = document.getElementsByTagName('table')[0];
				var b = a.getElementsByTagName('tbody')[0];
				var c = b.offsetHeight;
				//b.setAttribute('height','80px');
				b.style.height = '80px';
				alert("avant = "+c+"  apres ="+b.offsetHeight);
	</script>
 
 
  </body>
</html>

je constate que le alert avec firefox me montre que la hauteur du tbody a bien ete remplace par 80 mais avec les deux autres navigateurs on a avant = apres.
j'ai teste aussi avec setAttribute mais le resultat est identique.
je reduis la taille du tbody pour faire apparaitre les barres de scroll.

est ce que avec les autres navigateurs on ne peut pas changer le height ou bien c'est moi qui ai ecrit une connerie quelque part?

**le_chomeur** · 28/01/2010, 10h12

l'overflow ne fonctionne pas sous ie sur le tbody d'un tableau

**lilington** · 29/01/2010, 03h01

on dirait aussi que le redimentionnement de tbody n'est pas permis.
je me trouve la dans un sale drap. car mon tableau doit s'adapter a un div et le thead doit etre fix.

Redimensionnement compatibilité IE8 et Opéra

JavaScript

Discussions similaires

Partager

Partager