Discussion :

[Kahlyv]

Bonjour tout le monde, j'ai regardé sur le forum mais n'ai pas trouvé de solution à mon problème.
Je dois, pour des raisons obscures, passer un tableau en div.
J'ai écumé les pages du web à ce sujet et me suis évertué pendant 3h à faire fonctionner tout ça, mais il y a toujours un truc qui fait que ça décale, ou c'est pas comme il faut.
Concrètement : y a-t-il un moyen d'avoir des div alignées horizontalement, ayant toute la même hauteur non fixe (j'entends par là qu'elles peuvent être plus ou moins haute suivant le contenu, mais toute la ligne doit suivre !) ?
J'avait trouvé par hasard il y a longtemps une explication sur un css avec des classes nommées tr, td, etc... pour simuler un tableau mais je n'arrive pas à remettre la main dessus !
Merci pour votre aide

[MasterOfChakhaL]

Salut,

Si tu veux faire un tableau, pourquoi ne pas utiliser un tableau??

Concrètement : y a-t-il un moyen d'avoir des div alignées horizontalement, ayant toute la même hauteur non fixe (j'entends par là qu'elles peuvent être plus ou moins haute suivant le contenu, mais toute la ligne doit suivre !) ?

Pas à ma connaissance. Les éléments sont indépendants les uns de autres...
Mes c'est possible de donner l'illusion que si.
Tu devrais p'tet nous expliquer plus en détail ce que tu souhaites obtenir (un p'tit schéma par exemple...)

[Kahlyv]

En fait, mon appli génère un rapport à partir d'une base de données.
Pour l'instant, c'est fait avec des tableaux mais je voudrais mettre des div pour la raison suivante :
Si on enregistre la page html obtenue et qu'on l'ouvre sous Word, les bordures style="border: ..." ne s'affichent pas pour un <table>, mais pour un <div> oui !
Ca peut paraitre tout bête mais pour le fonctionnement, ça me sauve la vie si mon client peut utiliser Word pour faire d'éventuelles modifs sur les rapports ainsi générés. Sauf qu'il me faut absolument ces bordures !!!
Voila le pk du comment
Et donc j'ai besoin de pouvoir faire un pseudo tableau avec des div qui comporte 11 colonnes et un nombre indéterminé de lignes, puisque les infos proviennent d'une DB.

[MasterOfChakhaL]

dans ce cas, as-tu essayé de définir tes bordures via l'attribut html "border" (attribut de table).

Tu as moins de possibilités, mais il me semble que tu peux quand même personnaliser un peu

[Bisûnûrs]

Code html :

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

1
2
3
4
5
6
<div style="display:table;border:1px solid red;width:300px">
   <div style="display:table-row;border:1px solid green">
      <div style="display:table-cell;border:1px solid blue;width:200px">tru<br /><br />ytfcyt<br />ergerg</div>
      <div style="display:table-cell;border:1px solid blue;width:100px">ergerg</div>
   </div>
</div>

Ne semble pas fonctionner avec IE6.

[Kahlyv]

Bon, et bien ça marche super bien dans FireFox (ni IE6, ni IE7 !), MAIS lorsque je le passe dans Word, il n'interprète pas du tout les css display ...
Merci beaucoup à tous les 2 mais je crois que je vais abandonner ça et dire à mon client qu'il doit juste faire un clic droit sur le tableau et afficher les bordures.
Je vais tenter l'idée de Master de triturer les attrib de table ... mais j'y crois plus trop là
Encore merci