min-width funktioniert nicht überall

ChaosNe0

Hallo, ich bin noch sehr neu was HTML und CSS betrifft. Allerdings habe ich mithilfe zahlreicher Websites eine kleine, erste Webseite aufgebaut.
Mein Problem hierbei ist: Ich nutze das Attribut "min-width", um einer Tabelle bzw. sogar jeder Spalte dieser Tabelle eine Mindestbreite zu geben. Bei der zweiten Tabelle habe ich das Gleiche gemacht, allerdings funktioniert min-width hier nicht.

Bei der ersten Tabelle hat es gereicht, wenn ich

Code

<th width="33%" min-width="400px">

schreibe. Bei der zweiten passen sich die Spalten nicht an, obwohl sich die Styles der beiden Tabellen nur in manchen Farben unterscheiden.

Wie kann ich dieses Problem lösen?

MrMurphy

Hallo,

dein Code scheint veraltet zu sein. Am sinnvollsten wäre es wenn du die Breite per CSS außerhalb des Quelltextes im body-Bereich bestimmst.

Es geht auch mit Inline-CSS, das aber vermieden werden sollte. Das Inline-CSS könnte z. B. so aussehen:

Code

<th style="width: 33%; min-width: 400px">

Insgesamt solltest du dir aber angewöhnen auf Tabellen möglichst zu verzichten. Tabellen sind nur für Tabellendaten gedacht, die aber relativ selten sind. Grade Anfänger erstellen oft fälschlicherweise Tabellen nur um Inhalte strukturiert darzustellen.

In HTML-/CSS-Foren gibt es auch immer weniger Unterstützung zu Fragen nach Tabellen ohne Tabellendaten. HTML-Tabellen sind recht störrisch und aufwändig zu erklären.

Gruss

MrMurphy

ChaosNe0

Danke MrMurphy,

da ich neu in der HTML- und CSS-Anwendung bin, kopiere ich mir Beispiele von dieser Website http://www.w3schools.com/css/css_table.asp, wobei ich sie auf meine Bedürfnisse anpasse.
Über die Zweckmäßigkeit der Verwendung von Tabellen bin ich mir ziemlich sicher, denn ich möchte tatsächlich später Daten per PHP in die von mir erstellten Tabellen laden.

Zum Nachweis hier nun eine meiner Tabellen:

Code

<!-- Playerliste -->
         <table id="playerlist" min-width="896">    <!--  playerlist ist eine in einer CSS-Datei beschriebene Tabelle. -->
                <tr>
                    <th    width="22%"    min-width="200px">Spielername</th>
                    <th    width="17%"    min-width="150px">Nutzergruppe</th>
                    <th    width="4%"    min-width="30px">Status</th>
                    <th    width="11%"    min-width="100px">Online-Status</th>
                     <th    width="48%"    min-width="416px"  colspan="5"><center>Spieler-Interaktionen</center></th>
                </tr>
                <tr>
                    <td    width="22%"    min-width="200px">ChaosNe0</td>
                    <td    width="17%"    min-width="150px">Beispielnutzer</td>
                    <td    width="4%"    min-width="30px">OK</td>
                    <td    width="11%"    min-width="100px">
                         <!-- Hier wird eigentlich ein Bild eingefügt,  jedoch wäre das ein themenfremder Aspekt. Deshalb wurde er hier  herausgeschnitten. -->
                    </td>
                     <td    width="7%"     min-width="62px"><center><button type="button"  onclick="alert('Hello  world!')">OP-</button></center></td>
                     <td    width="8%"     min-width="76px"><center><button type="button"  onclick="alert('Hello  world!')">Kicken</button></center></td>
                     <td    width="11%"     min-width="98px"><center><button type="button"  onclick="alert('Hello  world!')">Kicken-IP</button></center></td>
                     <td    width="9%"     min-width="82px"><center><button type="button"  onclick="alert('Hello  world!')">Bannen</button></center></td>
                     <td    width="11%"     min-width="98px"><center><button type="button"  onclick="alert('Hello  world!')">Bannen-IP</button></center></td>
                </tr>
                <tr>    <th colspan="9"></th>    </tr>
        </table>

Alles anzeigen

Ich weiß zwar nicht, ob die Angabe der Spaltenbreiten in jeder Zeile notwendig sind, aber sicherheitshalber (und da ich es nicht besser weiß) habe ich das einfach mal gemacht.

Um wieder auf meine Themenfrage zurückzukommen:
Ich möchte die Spaltenbreite für jede Spalte individuell definieren. Kann ich das in der CSS-Datei machen? Wenn ja: Wie?
Falls mein gegebenes Beispiel syntaktisch veraltet sein sollte, warum funktioniert "min-width" dann in der ersten Tabelle (die gegebene Tabelle) und nicht in der zweiten Tabelle?
Warum ist der Umgang mit Tabellen oder die Tabellen selbst denn so problematisch? Für weitere/andere Tabellen nutze ich die Tabellenstruktur tatsächlich nur zum ordentlichen strukturieren. Was wäre eine Alternative?

Vielen Dank schon einmal im Voraus!

Gruß

ChaosNe0

Tags