Faire des cellules de largeur fixe

**identifiant_bidon** · 17/02/2008, 17h52

Bonjour a tous.

Voila j'ai un souci pour faire en sorte que ce que je veuille marche sur IE mais aussi sur FIREFOX

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
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
<html>
<head>
<style>
.case_mois{
  border: 2px solid #4575b8;
  border-collapse:collapse;
  width:15px;
  text-align:center;
}
</style>
<script>
    function start() {
		jour_mois = new Array("D","L","M","M","J","V","S","D","L","M","M","J","V","S","D","L","M","M","J","V","S","D","L","M","M","J","V","S");
		var row = document.createElement("tr");
 
		for (var i = 1; i <= 28; i++) {
			cell = document.createElement("td");
 
			if (document.all)
				cell.setAttribute("className", "case_mois");	
			else
				cell.setAttribute("class", "case_mois");				
 
			texte = document.createTextNode(jour_mois[i-1]);
 
			cell.appendChild(texte);
			row.appendChild(cell);
		 }
 
		document.getElementById('id_du_tbody').appendChild(row);
		document.getElementById('id_du_tbody').setAttribute("border", "1");	
    }
</script>
</head>
<body onload="start()">
<table width="817" height="323" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="100">&nbsp;</td>
    <td width="500"><table cellpadding="0" cellspacing="0"><tbody id="id_du_tbody"></tbody></table></td>
    <td width="100">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

je voudrais savoir comment faire pour :
- faire en sorte que la table des jours de la semaine (celle du centre) prenne 100% en largeur de la table dans laquelle elle se trouve
- faire en sorte que toutes les cellules aient la meme taille sous firefox

Merci de votre aide. Je sèche lamentablement.

**identifiant_bidon** · 17/02/2008, 18h51

Bon j'ai résolu mon problème concernant le premier point

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
<html>
<head>
<style>
.case_mois{
  border: 2px solid #4575b8;
  border-collapse:collapse;
  text-align:center;
  width:17px;
}
</style>
<script>
    function start() {
		jour_mois = new Array("D","L","M","M","J","V","S","D","L","M","M","J","V","S","D","L","M","M","J","V","S","D","L","M","M","J","V","S");
		var row = document.createElement("tr");
 
		for (var i = 1; i <= 28; i++) {
			cell = document.createElement("td");
 
			if (document.all)
				cell.setAttribute("className", "case_mois");	
			else
				cell.setAttribute("class", "case_mois");				
 
			texte = document.createTextNode(jour_mois[i-1]);
 
			cell.appendChild(texte);
			row.appendChild(cell);
		 }
 
		document.getElementById('id_du_tbody').appendChild(row);
		document.getElementById('id_du_tbody').setAttribute("border", "1");	
    }
</script>
</head>
<body onload="start()">
<table width="800" height="323" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="100">&nbsp;</td>
    <td width="600"><table cellpadding="0" cellspacing="0" width="100%"><tbody id="id_du_tbody"></tbody></table></td>
    <td width="100">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Maintenant le 2ème. Est-ce que qq'un saurait pourquoi les cases de mon mois de février (puisque c'est de ça dont il s'agit) n'ont pas toutes la même taille sous FIREFOX.

Merci

**SpaceFrog** · 18/02/2008, 09h22

Code :

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

cell.style.className= "case_mois");

**identifiant_bidon** · 18/02/2008, 09h22

Après plusieurs investigations, je me demandais s'il n'y avait pas un pb entre la propriété css width et firefox ... Je n'arrive toujours pas a faire en sorte que toutes mes cases aient la meme taille

Edit : ok excuse moi SpaceFrog , j'avais pas vu ton message. Je vais essayer ça, merci

**identifiant_bidon** · 18/02/2008, 09h30

Non ca ne marche toujours pas

J'ai remplacé

Code :

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

cell.setAttribute("class", "case_mois");

par

Code :

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

cell.style.className = "case_mois";

Les dernières cases de mon mois sont toujours plus petites que les autres

**identifiant_bidon** · 18/02/2008, 10h42

Personne n'a une petite idée ? Je n'ai toujours pas trouvé et je ne suis pas loin de pleurer ...

**SpaceFrog** · 18/02/2008, 11h07

Code :

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

cell.style.className = "case_mois";

pour IE

Code :

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

cell.className = "case_mois";

pour les autres ...

Faire des cellules de largeur fixe

JavaScript

Vue hybride

Discussions similaires

Partager

Partager