Jak wypełnić środkową kolumnę do szerokości?

0

mam tabelę z którą nie mogę sobie poradzić.

tabela ma 7 kolumn, ale pierwsza i ostatnia są stałe
natomiast wiersze w środkowych 5 kolumnach są dodawane to tabeli lub nie (w zależności od opcji)

Najpierw robię zewnętrzną tabelę która ma 3 kolumny
każdej z nich daję rozmiar procentowy

<TABLE style="border-collapse: separate;" width=100% bgcolor=#FFFFFF cellspacing=0 cellpadding=0>
  <TR>
    <TD   style="border: 1px solid #000000;width:20%" align="left" valign="top"></TD>
    <TD   style="border: 1px solid #000000" align="left" valign="top"></TD>
    <TD   style="border: 1px solid #000000;width:20%" align="left" valign="top"></TD>
  </TR>

środkowa cześć nie ma przypisanego rozmiaru i na tym etapie działa dobrze
natomiast kiedy zaczynam wypełniać tę tabelę zawartością to chyba mam gdzieś błąd bo już rozjeżdżają się szerokości.

<TABLE style="border-collapse: separate;" width=100% bgcolor=#FFFFFF cellspacing=0 cellpadding=0> 
  <TBODY>
    <TR>
       <TD style="border: 1px solid #000000;width:20%" align="left" valign="top"> 
           <table style="width:100%; border-collapse: collapse;" ALIGN=top bgcolor=#FFFFFF cellspacing=0 cellpadding=0>
             <tr>
               <td  colspan="2" style="width:100%;height:40px" align="center"><FONT SIZE="2"><B>Nazwisko i imię</B><BR>adres do PIT</FONT></td>
             </tr>
             <tr>
                <td rowspan="2" style="border: 1px solid #000000;width:20%;  " align="left" valign="top">&nbsp;Lp</td>
                <td rowspan="2" style="border: 1px solid #000000" align="left" valign="top">&nbsp;Identyfikator podatkowy</td>
             </tr>
           </table>
       </TD> 
      <TD        style="border: 1px solid #000000" align="left" valign="top"> 
            <table  style="border-collapse: collapse;" height="100%" ALIGN=top bgcolor=#FFFFFF cellspacing=0 cellpadding=0> 
                <tr>
                     <td colspan="2" style="border: 1px solid #000000;width:20%;height:40px; " align="center">Przychody<BR>opodatkowane</td>
                     <td colspan="2" style="border: 1px solid #000000;width:20%;height:40px" align="center">Przychody zwolnione</td>
                     <td colspan="2" style="border: 1px solid #000000;width:20%;height:40px" align="center">Koszty<BR>uzyskania</td>
                     <td colspan="2" style="border: 1px solid #000000;width:20%;height:40px" align="center">Pobrana zaliczka</td>
                </tr> 
                <tr> 
                     <td rowspan="2"  style="border: 1px solid #000000;width:15%; " align="center" valign="middle">1</td>
                     <td              style="border: 1px solid #000000" align="left" valign="middle">&nbsp;UoP (29)</td>
                     <td rowspan="2"  style="border: 1px solid #000000;width:15%; " align="center" valign="middle">1</td>
                     <td rowspan="2"  style="border: 1px solid #000000;" BGCOLOR=#DDDDDD align="left" valign="middle">&nbsp;</td>
                     <td rowspan="2"  style="border: 1px solid #000000;width:15%; " align="center" valign="middle">1</td>
                     <td              style="border: 1px solid #000000;" align="right" valign="middle">30&nbsp;</td>
                     <td rowspan="2"  style="border: 1px solid #000000;width:15%; " align="center" valign="middle">1</td>
                     <td rowspan="2"  style="border: 1px solid #000000;" align="right" valign="middle">33&nbsp;</td>
              </tr> 
              <tr> 
                    <td               style="border: 1px solid #000000;" align="left" valign="middle">&nbsp;UoP KUP 50% (34)</td>
                    <td               style="border: 1px solid #000000;" align="right" valign="middle">35&nbsp;</td>
             </tr> 
              <tr height="100%"> 
                 <td style="border: 1px solid #000000" colspan="2" align="right" valign="bottom"><B>RAZEM&nbsp;</B></td>
                 <td style="border: 1px solid #000000" colspan="2" align="right" valign="bottom"><B>RAZEM&nbsp;</B></td>
                 <td style="border: 1px solid #000000" colspan="2" align="right" valign="bottom"><B>RAZEM&nbsp;</B></td>
                 <td style="border: 1px solid #000000" colspan="2" align="right" valign="bottom"><B>RAZEM&nbsp;</B></td>
             </tr>
      </table> 
   </TD> 
   <TD        style="border: 1px solid #000000;width:20%" align="left" valign="top"> 
            <table style="border-collapse: collapse" height="100%" ALIGN=left bgcolor=#FFFFFF cellspacing=0 cellpadding=0> 
                <tr>
                   <td colspan="2" style="border: 1px solid #000000;width:100%;height:40px" align="center" valign="middle"><B>Składki</B></td>
               </tr>
                <tr>
                   <td style="border: 1px solid #000000;width:15%" align="center" valign="middle">1</td>
                   <td style="border: 1px solid #000000" align="right" valign="middle">Odprowadzone (95)&nbsp;</td>
               </tr>
                <tr>
                    <td style="border: 1px solid #000000;width:15%" align="center" valign="middle">2</td>
                    <td style="border: 1px solid #000000" align="right" valign="middle">26 r.ż. PIT-0 opodatkowane (96)&nbsp;</td>
               </tr>
                <tr>
                    <td style="border: 1px solid #000000;width:15%" align="center" valign="middle">3</td>
                    <td style="border: 1px solid #000000" align="right" valign="middle">26 r.ż. PIT-0 zwolnione (97)</td>
               </tr>
              <tr height="100%">
                  <td style="border: 1px solid #000000;" colspan="2" align="right" valign="bottom">
                   <table style="border-collapse: collapse" width="100%" ALIGN=left bgcolor=#FFFFFF cellspacing=0 cellpadding=0>
                    <tr>
                          <td style="border: 1px solid #000000; " width=100% align="right" valign="middle"><B>RAZEM&nbsp;</B></td>
                    </tr>
             </table>
                  </td>
              </tr>
         </table>
    </TD> 
   <TD        style="border: 1px solid #000000;width:20%" align="left" valign="top"> 
            <table style="border-collapse: collapse" height="100%" ALIGN=left bgcolor=#FFFFFF cellspacing=0 cellpadding=0> 
                <tr>
                   <td style="border: 1px solid #000000;width:100%;height:40px; " align="center" valign="middle">SkładkaXX</td>
               </tr>
                <tr>
                   <td style="border: 1px solid #000000;width:100%; " align="right" valign="top">122&nbsp;</td>
               </tr>
              <tr height="100%">
                  <td style="border: 1px solid #000000;"  align="right" valign="bottom">
                   <table style="border-collapse: collapse" width="100%" ALIGN=left bgcolor=#FFFFFF cellspacing=0 cellpadding=0>
                       <tr>
                          <td style="border: 1px solid #000000; " width=100% align="right" valign="middle"><B>RAZEM&nbsp;</B></td>
                       </tr>
                   </table>
                  </td>
              </tr>
            </table>
    </TD> 
</TR>  
</TBODY> 
</TABLE>

W każdej komórce tej zewnętrznej tabeli jest wstawiony table, żeby łatwiej dodawać wiersze do tych środkowych kolumn.
Pomożecie mi, ay tabela była ładnie dopasowana do całej szerokości, a środkowa cześć wypełniała całą wolną przestrzeń?

0

Ale wiesz że w tym drugim kodzie to masz cztery kolumny?

0
Riddle napisał(a):

Ale wiesz że w tym drugim kodzie to masz cztery kolumny?

tak, wiem, ale to nie ma znaczenia bo problemem jest ta środkowa kolumna, która jest dzielona na 4 mniejsze.
jeśli ktoś chciałby to sprawdzić, to można testować z czterema kolumnami. Bo tak miało być docelowo.

1 użytkowników online, w tym zalogowanych: 0, gości: 1