Donc, Voila la structure de la page globalement :
Code :
- <TABLE class="table1">
- <TR>
- <TD class="table1td"> // On s'en fou
- <TABLE class="table1">
- <TR>
- <TD class="table2td1"></TD>
- <TD class="table2td2"></TD>
- <TD class="table2td3"></TD>
- <TD class="table2td4"></TD>
- <TD class="table2td5"></TD>
- <TD class="table2td6"></TD>
- <TD class="table2td7"></TD>
- </TR>
- <? // truc qu'a rien à avoir ?>
- </TABLE>
- </TD>
- </TR>
- </TABLE>
|
Les css des 2 tables :
Code :
- .table1 {
- border : none;
- border-spacing : 0px;
- border-collapse : collapse;
- width : 764px;
- }
- .table2 {
- border : 2px solid #000000;
- border-spacing : 0px;
- border-collapse : collapse;
- width : 100%;
- }
|
dont voici la tronche des 7 colonnes :
colonne n° | 1 | 2 | 3 | 4 | 5 | 6 | 7 |
________________________________________________________
wight | 151 | 133 | 103 | 70 | 163 | 73 | 59 | = 752px -|
border-right | 2px | 2px | 2px | 2px | 2px | 2px | | = 12px -|= 764px
pading | 0px | 0px | 0px | 0px | 0px | 0px | 0px | = 0px -|
_____________________________________________________________________________ |
Donc la largeur totale des cellules ( boder+width ) est de 764px; le premier tableau ( sans bordure ) fait 764px de large, MAIS le 2eme tableau ( imbrigué dans le 1er ) a une bordure de 2px. Comment je fait? j'augment la largeur du premier de 4px? ( donc je passe de 764 à 768? )
Message édité par Maxime le 16-11-2002 à 20:26:32