Formatierung simple HTML Tabelle

[ipod86]

Hallo,

ich verzweifel gerade an einer eigentlich sehr simplen HTML Tabelle.

Die Spalten mit dem Inhalt wollen einfach nicht bündig unter die Überschriften. Die Breiten sind alle auf für Spalte bezogen) Identisch angegeben.

Das ist der Code:

<table width=100%>
   <tr>
      <th width=40% align=left>Container</th>
      <th width=20% align=left>Status</th>
      <th width=20% align=left>Laufzeit</th>
      <th width=20% align=left>Update</th>
   </tr>
   <tr>
      <td colspan="4">
         <hr>
      </td>
   </tr>
   <table>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>Stirling_PDF</summary>
               frooodle/s-pdf:latest
            </details>
         </td>
         <td width=20% align=left>
            <details>
               <summary>Up</summary>
               (Paused)
            </details>
         </td>
         <td width=20% align=left> 2 hours </td>
         <td width=20% align=left>0 days</td>
      </tr>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>heimdall</summary>
               linuxserver/heimdall:latest
            </details>
         </td>
         <td width=20% align=left>Up</td>
         <td width=20% align=left>31 hours</td>
         <td width=20% align=left>1 days</td>
      </tr>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>nginx</summary>
               jc21/nginx-proxy-manager:latest
            </details>
         </td>
         <td width=20% align=left>Up</td>
         <td width=20% align=left>6 days</td>
         <td width=20% align=left>6 days</td>
      </tr>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>planka_db</summary>
               postgres:14-alpine
            </details>
         </td>
         <td width=20% align=left>Up</td>
         <td width=20% align=left>8 days</td>
         <td width=20% align=left>8 days</td>
      </tr>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>nginx_db</summary>
               jc21/mariadb-aria:latest
            </details>
         </td>
         <td width=20% align=left>Up</td>
         <td width=20% align=left>2 weeks</td>
         <td width=20% align=left>19 days</td>
      </tr>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>planka</summary>
               ghcr.io/plankanban/planka:latest
            </details>
         </td>
         <td width=20% align=left>Up</td>
         <td width=20% align=left>3 weeks</td>
         <td width=20% align=left>24 days</td>
      </tr>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>WatchTower</summary>
               containrrr/watchtower
            </details>
         </td>
         <td width=20% align=left>
            <details>
               <summary>Up</summary>
               (healthy)
            </details>
         </td>
         <td width=20% align=left> 2 weeks </td>
         <td width=20% align=left>32 days</td>
      </tr>
      <tr>
         <td width=40% align=left>
            <details>
               <summary>portainer</summary>
               portainer/portainer-ce:latest
            </details>
         </td>
         <td width=20% align=left>Up</td>
         <td width=20% align=left>3 weeks</td>
         <td width=20% align=left>32 days</td>
      </tr>
   </table>
   </tbody>
</table>

Width wiederholt sich immer wieder, da ich den Code mit einem Script in einer Schleife erzeuge.

 

[savuti]

Du hast eine Tabelle in der Tabelle. Keine Ahnung ob das konform ist. Entweder du packst das alles in eine, oder du setzt die „innere“ Tabelle auch auf „width=100“.

 

[ipod86]

Oh, das stimmt natürlich.
Das war so auch nicht gewollt von mir.

Hab den Code zig mal gelesen, allerdings komplett unformatiert. Hab das eben vor dem posten eine Website für mich erledigen lassen.

Das eine table ist weg und es klappt.

Peinlich. Überflüssiger Beitrag.

 

[savuti]

Nö, nicht peinlich, passiert einfach.

Ergänzung (14. Januar 2024)

Achso, du könntest noch das alles mit css „zentral“ formatieren. Spart noch etwas Code und macht es etwas übersichtlicher.

 

[ipod86]

CSS geht in dem Fall nicht.
Wird in der Visualisierung von meinem Smarthome eingebunden. Der nimmt (auf den weg wie ich es mache) nur markdown uns simples html.