Discussion :

[zooffy]

Bonjour

Je me doute bien que ma question va ressembler à un truc de débutant, mais j'ai un peu de mal à comprendre.
D'autant plus que je fais mes sites en .NET, mais que je pense que ma question relève du HTML.

Donc je monte une table et je scotch des valeurs à la largeur des colonnes (<td>).

Par exemple je mets 150 pixel à ma première colonne, puis 200 pixels à ma deuxième colonne, puis 100 % à ma troisième colonne et 50 pixel à ma quatrième colonne.

Et le monsieur, il m'écrase tout pour laiser toute la place à la troisième colonne.
En fait, ce que je voudrais c'est qu'il 100% de la place restante.
Précision, sur la table, j'ia mis aussi un 100% pour qu'elle occupe tout la largeur disponible dans la page.

pouvez vous m'aider à comprendre pourquoi ça fait aps ce que je voudrais ?

Voici le code interprété d'une lgine de table

Code :

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

1
2
3
4
5
6
7
8
9
 
<tr>
	<td style="width:100px;"><span>TLANERU             </span></td>
	<td style="width:100px;"><span>Lioc Parfaite       </span></td>
	<td align="right" style="width:100px;"><span>12250</span></td>
	<td style="width:90%;">&nbsp;</td>
	<td style="width:50px;"><a id="ctl00_cphCentral_Concession_Detail1" href="javascript:__doPostBack('ctl00$cphCentral$Concession$Detail1','')">Detail</a></td>
	<td style="width:150px;"><a id="ctl00_cphCentral_Concession_Achat1" href="javascript:__doPostBack('ctl00$cphCentral$Concession$Achat1','')">Achat</a></td>
</tr>

[Bisûnûrs]

Enlève simplement le 100% de la troisième colonne.
Si tu renseignes la largeur des trois autres, la colonne qui n'a pas de dimension va automatiquement prendre la place restante. C'est sans compter évidemment sur le fait que tu n'aies rien dans les autres colonnes qui fait s'élargir celles-ci, comme beaucoup de texte sans espace ou une image plus grande que les dimensions fixées.

[zooffy]

Merci beaucoup pour ton aide.

Donc, si je comprends bien (je me permet de reformuler pour sûr de bien capter, histoire de pas revenir dans deux jours parce qu' il y aura un détail qui aura changé) lorsque j'ai une cellule qui doit occuper tout le reste, je mets rien dans sa largeur.

Du coup j'ai un autre cas qui me pose un souci de manière empirique :
- si j'ai deux cellules qui doivent à elle deux occuper le reste de la largeur disponible, mais avec des proportions, genre la moitié chacun ?

[Bisûnûrs]

Voilà, tu as compris les limites de cette méthode, ça ne fonctionne évidemment que lorsqu'une seule colonne doit utiliser tout l'espace restant.
Maintenant, si tu veux l'appliquer à deux colonnes, tu t'exposes au risque que le navigateur donne la largeur qu'il veut en fonction du contenu de ces deux colonnes.

[zooffy]

Merci beaucoup pour ton aide.

Je boucle le topic.

[Bisûnûrs]

Une idée en passant, dans le cas de deux cellules sans largeur adjacentes, tu peux en faire une seule cellule avec deux blocs de largeur de 50% dedans.

[zooffy]

Qu'entends tu par des "blocs" ?
Je remets une table dedans ou je mets un truc du genre <SPAN> ?

Parce que vu que je programme en .NET, lorsque je mets un ASP:LABEL, il me ressort un SPAN et je peux lui accrocher une calsse CSS sans souci ou lui attribuer plein de truc qu'il mettra dans un attribu Style de la balise Span

[Bisûnûrs]

Ben tu as le choix, si tu n'es pas trop regardant sur la source, tu peux toujours mettre dans cette cellule un tableau de deux colonnes de 50% de largeur, ou alors par exemple deux div en float:left et avec width:50% également.

[zooffy]

Merci pour le tuyaux, je vais aller appronfondir ce truc de "Float" sur les div, je connais.

Kenavo