Kto się zna na tablekach?

<table>
                        <tr>
                            <? if(1 <= $sufit) { echo "<td><h1>1</h1></td>"; }?>
                            <? if(2 <= $sufit) { echo "<td><h1>2</h1></td>"; }?>
                            <? if(3 <= $sufit) { echo "<td><h1>3</h1></td>"; }?>
                            <? if(4 <= $sufit) { echo "<td><h1>4</h1></td>"; }?>
                            <? if(5 <= $sufit) { echo "<td><h1>5</h1></td>"; }?>
                            <? if(6 <= $sufit) { echo "<td><h1>6</h1></td>"; }?>
                            <? if(7 <= $sufit) { echo "<td><h1>7</h1></td>"; }?>
                            <? if(8 <= $sufit) { echo "<td><h1>8</h1></td>"; }?>
                            <? if(9 <= $sufit) { echo "<td><h1>9</h1></td>"; }?>
                            <? if(10 <= $sufit) { echo "<td><h1>10</h1></td>"; }?>
                        </tr>
                        <tr>
                            <? if(11 <= $sufit) { echo "<td><h1>11</h1></td>"; }?>
                            <? if(12 <= $sufit) { echo "<td><h1>12</h1></td>"; }?>
                            <? if(13 <= $sufit) { echo "<td><h1>13</h1></td>"; }?>
                            <? if(14 <= $sufit) { echo "<td><h1>14</h1></td>"; }?>
                            <? if(15 <= $sufit) { echo "<td><h1>15</h1></td>"; }?>
                            <? if(16 <= $sufit) { echo "<td><h1>16</h1></td>"; }?>
                            <? if(17 <= $sufit) { echo "<td><h1>17</h1></td>"; }?>
                            <? if(18 <= $sufit) { echo "<td><h1>18</h1></td>"; }?>
                            <? if(19 <= $sufit) { echo "<td><h1>19</h1></td>"; }?>
                            <? if(20 <= $sufit) { echo "<td><h1>20</h1></td>"; }?>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>

Mam taki kod. Jak mam ustawić cssa, żeby mi się to ładnie wyświetlało, od początku wraz z przybywaniem... zmiennej $Sufit ? Chcę, żeby table była na 100% a żeby kolejne pojawiające się w były ładnie i elegancko, proporcjonalnie rozmieszczone na stronie.

Dziękuję za pomoc.
Pozdrawiam
Kuba

Przepraszam czy te numerki są rozlokowane równo, czy mam zeza? A jak nie są równo to co zrobić, żeby były równo?

Dzięki za pomoc. Pozdrawiam.
Kuba

Po pierwsze, użyj pętli zamiast tych ifow

<tr>
 <? for($i = 0; $i < $sufit; $i++): ?>
  <td><h1><?= $i ?></h1></td>
 <? endfor; ?>
</tr>

A co do numerów, otwórz narzędzia developerskie w przeglądarce (na chrome to jest prawy klawisz > Zbadaj), i najedź myszka na nie, pokaże się wtedy faktyczny rozmiar tych komórek w pikselach. Upewnisz się dokładnie jakie mają rozmiary.

Albo inna opcja, żeby na szybko pokazać rozmiar komórek - można im dodać styl CSS inline. Czyli zmienić podany wyżej kod na coś w stylu

<td style="border: 1px solid red"><h1><?= $i ?></h1></td>

Ok. Ten pierwszy numer jest pro bajerancki. Chodzi o to, że pierwszy rządek cyferek (10) nie jest 2 liczbowy... natomiast drugi rządek (docelowo 10) jest 2 liczbowy. Jak jest wszystkie 20 to się góra ładnie układa pod dół. Natomiast jak nie ma całego dołu... i nie ma colspan ów żadnych... to się robi... burdel z górą. Poza tym jak jest niecała góra... tylko np. 6 z dziesięciu to... też się robi kuku.

Coś się obrazek tu nie chce wpakować.
Hmm...