milou39
mercredi 2 avril 2008 à 19:17
bonjour,
voila je cree un tableau dinamiquement avec un "createElement(tr)" mais je n'arrive pas @ gerer la taille des cellules avec firefox, IE6 ça marche bien! J'ai essayer avec un fihier CSS ça ne marche pas non plus!
quelqu'un aurait-il une idée svp??
Voila le bout de code de creation cellule!
parentTD1=document.createElement("TD");
parentTD1.setAttribute('noWrap','true');
parentTD1.setAttribute("width","100");
milou39
mercredi 2 avril 2008 à 19:42
j'ai oublié de dire le probleme!!
le probleme est que ma cellule s'adapte au contenue au lieu d'avoir une taille fixe!
voila merci d'avance!
raptor
jeudi 3 avril 2008 à 13:30
Et en mettant un style css sur le table :
table-layout : fixed
?
captain_torche
jeudi 3 avril 2008 à 13:35
J'utiliserais plutôt un overflow: hidden, ou overflow: auto;
raptor
jeudi 3 avril 2008 à 13:51
Un overflow sur un td jte garantis pas le résultat
milou39
jeudi 3 avril 2008 à 14:50
mer ci de votre aide!
j'ai donc essayer vos deux solution mais rien ne marche, les cellule s'adapte toujour au contenu!
je vous remet le code en esperant que vous verrez une erreur!
script java:
parentTD1=document.createElement("TD");
parentTD1.setAttribute('noWrap','true');
parentTD1.setAttribute("width","100");
parentTD1.setAttribute('style','overflow:hidden;');
code:
<table class="BoiteFormulaire" style="table-layout : fixed;">
<tbody id="tableau">
</tbody>
</table>
captain_torche
jeudi 3 avril 2008 à 14:54
Déjà, teste ce que tu veux faire en HTML "en dur". Tu verras le javaScript après coup.
Et pour info, java et javascript n'ont strictement rien à voir.
milou39
jeudi 3 avril 2008 à 14:57
ok je reteste ça en "dur" ce sera plus simple!
oui je sais pour javascript c juste une errreur de ma part!
milou39
jeudi 3 avril 2008 à 15:35
j'ai refait un tableau ont ne peut plus simple!
Sous IE6 pas de probleme mais avec firefox j'arrive toujour pas a fixer la taille des cellules!
<table style="table-layout:fixed">
<tbody id="tableau">
<tr >
<td >niveau1</td>
<td >niv2</td>
</tr>
<tr >
<td nowrap="nowrap">teste</td>
<td nowrap="nowrap">teste avec des cellules longues</td>
</tr>
</tbody>
</table>
<style type="text/css">
td {
border:1px solid;
width:50px;
height:20px;
}
</style>
raptor
jeudi 3 avril 2008 à 16:47
au pire colle un div dans le td
milou39
jeudi 3 avril 2008 à 17:07
merci raptor,
En mettant un <div> dans le <td> la taile de la cellule est bien fixe mais si le text est trop grand, il depasse de la cellule!
<td nowrap="nowrap"><div>teste avec des cellules longues</div></td>
je comprend pas que ce soit si dure de faire un tableau tout simple avec firefox!!
raptor
jeudi 3 avril 2008 à 17:52
Met un style overflow:hidden sur ton div
milou39
samedi 5 avril 2008 à 15:48
Merci raptor
effectivement comme ça, ça marche bien!
enfin bien c un grand mot car quand je defini la taille des cellules en "px" elle n'on pas la meme taille suivant le navigateur! du cout j'ai du triché un peut!
encore merci pour votre aide!!
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez
cliquer ici.