Probleme table width: IE ok FF Nok

**nalixis** · 02/10/2006, 03h34

Bonjour,

j'ai un souci avec un bout de code tout simple :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>New document</title>
</head>
 
<body>
<table  width='800px' style='font-size: 8pt; border-collapse: collapse' border='1' cellpadding='0' cellspacing='0'>
 <tr>
  <?php
  for($cpt=1; $cpt <= 59; $cpt++)
  {
    $width = "1%";
    echo "<td width='$width' align='center' valign='middle'>&nbsp;</td>\n";
  }
  ?>
 </tr>
</table>
</body>
 
</html>

Sous IE, chaque case a la meme taille et si on change la taille globale du tableau -> pas de souci
En revanche sous FF, les cases ont la meme taille au debut, mais les dernieres sont toutes ratatinées...

Je seche..si vous avez une idee, je suis preneur

merci d'avance

**trotters213** · 02/10/2006, 09h12

il y a un problème vu qu'elles font 1% de 800px et que tu fais 60 boucles, ça fait 60% pas 100%

Essaie de voir en faisant ceci :

Code :

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

1
2
3
4
for($cpt=1; $cpt <= 59; $cpt++)
  {
    echo "<td width='8px' align='center' valign='middle'>&nbsp;</td>\n";
  }

**naudjf** · 02/10/2006, 09h48

salut nalixis,

Tu mets en variable php la taille du nbre de colonnes (

Code :

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

$nbColonnes=59;

). Tu évalues (une seule fois, cad PAS A L INTERIEUR DE LA BOUCLE !!), la taille en % d'une cellule comme ceci (avant la boucle for, donc):

Code :

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

$width = 1/$nbColonnes*100."%";

ca fait qqchose comme 1.7%

A+

**nalixis** · 02/10/2006, 10h25

salut,

1. En fait la taille de la table n'est pas fixe en réalité, elle est de 80%.

2. J'ai essayé de faire en sorte que la somme des largeurs des colonnes fassent 100% en rajoutant comme tu conseilles le code suivant :

Code :

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

1
2
3
 
$nbColonnes = 59;
$width = ((1/$nbColonnes)*100)."%";

Le résultat est le même: les dernieres colonnes sont moins large.

J'ai essayé de répartir la taille globale avec du "1*" par exemple mais c'est encore pire !

**trotters213** · 02/10/2006, 10h38

tu devrais essayer comme je t'ai expliqué : en donnant une taille fixe pour le coder en dur et après à partir de cette taille fixe, de la faire en dynamique pour voir d'où peut venir le problème.

PS : ça ne changera surement rien mais ton \n ici

Code :

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

"<td width='$width' align='center' valign='middle'>&nbsp;</td>\n";

doit afficher \n non? tu devrais plutôt utiliser <br />.
Aute petit truc, utilise un caractère d'échappement et les doubles-côtes pour les valeurs de tes attributs plutôt que les simples côtes

**naudjf** · 02/10/2006, 11h43

non, je pense que le "\n" permet juste aux lignes en

Code :

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

<td>...</td>

de s'afficher les unes sous les autres.

**nalixis** · 02/10/2006, 11h56

salut,

Réponse à tes conseils:
en effet, en fixant la largeur du tableau et celles des cellules ca marche sous IE et FF (sachant que c'est la taille du tableau qui predomine)

en revanche des qu'on passe en % ca deconne de nouveau sous FF.

En poussant un peu les recherches je me suis apercu que ca ne marchait pas lorsque la valeur de width est un nombre décimal !
Il semblerait qu'IE l'interprete ou l'ignore alors que FF galere..bizarre

Mais je pense avoir trouvé une solution:
si je laisse la taille du tableau en dynamique (ex 80%) et que je fixe la taille des cellules a une valeur supérieure à la réalité, alors ca marche !

ex: tableau 80%, 59 cellules, ecran 1024px:
largeur cellules = (80%*1024)/59 = 13.8px
On fixe alors la largeur a 20px -> ca roule

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>New document</title>
</head>
 
<body>
<table width="80%" style='font-size: 8pt; border-collapse: collapse' border='1' cellpadding='0' cellspacing='0'>
 <tr>
  <?php
 $width = "20";
 
 for($cpt=1; $cpt <= 59; $cpt++)
  {
    echo "<td width='$width' align='center' valign='middle'>&nbsp;</td>\n";
  }
  ?>
 </tr>
</table>
</body>
 
</html>

Merci pour votre aide,

A+

PS: le "\n" va avec le "echo" du code php, il a simplement pour effet d'ecrire le code html a la ligne lors de l'interpretation.

Probleme table width: IE ok FF Nok

HTML

Vue hybride

Discussions similaires

Partager

Partager