Wie fixiert man in einer Tabelle die Spaltenbreite?

5 Antworten

Dann gib ihr eine Breite.

So:

<table border>
    <tr>
      <th width=300>Kopfzelle: 1. Zeile, 1. Spalte</th>
      <th>Kopfzelle: 1. Zeile, 2. Spalte</th>
      <th>Kopfzelle: 1. Zeile, 3. Spalte</th>
    </tr>
    <tr>
      <td>Datenzelle: 2. Zeile, 1. Spalte</td> <!-- Breite 300 gilt auch hier -->
      <td>Datenzelle: 2. Zeile, 2. Spalte</td> 
      <td>Datenzelle: 2. Zeile, 3. Spalte</td> 
    </tr>
    <tr>
      <td>Datenzelle: 3. Zeile, 1. Spalte</td>  <!-- Breite 300 gilt auch hier -->
      <td>Datenzelle: 3. Zeile, 2. Spalte</td> 
      <td>Datenzelle: 3. Zeile, 3. Spalte</td> 
    </tr>
</table>

https://www2.ph.ed.ac.uk/~eisenhar/selfhtml/tcec.htm

Woher ich das weiß:Recherche

EinAlexander  07.01.2020, 16:10
<table border>

Das ist falsch, weil es kein gültiges HTML ist (weder in Version 5, noch in den vorherigen HTML Versionen).

<th width=300>

Das ist auch falsch, weil es ebenfalls kein gültiges HTML 5 ist. Zum Festlegen einer bestimmten Spaltenbreite nimmt man CSS. Dein Beispiel in gültig würde zum Beispiel so aussehen:

<!doctype html>
<title>Spaltenbreite</title>
<style>
th:first-child { width:300px }
<table>
    <tr>
      <th>Kopfzelle: 1. Zeile, 1. Spalte</th>
      <th>Kopfzelle: 1. Zeile, 2. Spalte</th>
      <th>Kopfzelle: 1. Zeile, 3. Spalte</th>
    </tr>
    <tr>
      <td>Datenzelle: 2. Zeile, 1. Spalte</td>
      <td>Datenzelle: 2. Zeile, 2. Spalte</td> 
      <td>Datenzelle: 2. Zeile, 3. Spalte</td> 
    </tr>
    <tr>
      <td>Datenzelle: 3. Zeile, 1. Spalte</td>
      <td>Datenzelle: 3. Zeile, 2. Spalte</td> 
      <td>Datenzelle: 3. Zeile, 3. Spalte</td> 
    </tr>
</table>
1

Wourd 2010?

Dann Tabelle markieren und sich durch das geöffnete Menü klicken (oben in der Menüleiste).

Ich hoffe das ich Ihnen helfen konnte.

Woher ich das weiß:eigene Erfahrung
Wie fixiert man in einer Tabelle die Spaltenbreite?

So:

<!DOCTYPE html>
<title>Spaltenbreite festlegen</title>
<style>
#spalte1 { width:100px }
#spalte2 { width:200px }
#spalte3 { width:300px }
</style>
</head>
<body>
<table>
  <colgroup>
    <col id="spalte1">
    <col id="spalte2">
    <col id="spalte3">
  </colgroup>
  <tr>
    <th></th>
    <th>hello</th>
    <th>world</th>
  </tr>
</table>

Alex

Gib der Spalte via CSS eine Mindestbreite (min-width).


0987654321QW  06.01.2020, 17:45

CSS 》 Programm?

0
0987654321QW  06.01.2020, 22:24
@regex9

Ich formuliere es mal etwas anders.

》 Gib der Spalte via CSS eine Mindestbreite (min-width). 》 nach dem ich mir unten weiter die Themen durchgelesen hab, denke ich wohl das es um das Programmieren von bestimmten Sachen geht. Ist das richtig?

Für mich hat sich die Frage so angehört als ob der Fragesteller Probleme mit seinen Office Programm hat. Siehe Antwort weiter unten.

0
regex9  06.01.2020, 23:07
@0987654321QW

Ja, es geht um Webdesign mit CSS (s. Tags; der FS arbeitet derzeit an diesem Projekt). Irgendjemand hat fälschlicherweise EDV mit in den Tags zugefügt, evt. wurdest du deshalb in die Irre geführt.

0
0987654321QW  07.01.2020, 07:42
@regex9

Vielen Dank für die kurze Erklärung.

Ich hab trotzdem gedacht das ich helfen könnte, da es für mich leider nicht ersichtlich war.

An den Fragesteller: weiter hin viel Erfolg mit Ihrer neuen Webseite. Dürfen wir sie uns hinterher ansehen/ sie uns einen Link schicken?

0