Tabelle mit maximaler Breite bei gleicher Spaltenbreite

Diskutiere mit über: Tabelle mit maximaler Breite bei gleicher Spaltenbreite im Web Page Design Forum

  1. AndreasE

    AndreasE Thread Starter MacUser Mitglied

    Beiträge:
    2.652
    Zustimmungen:
    143
    Registriert seit:
    21.01.2004
    Hallo,

    kurze Frage zu Tabellen: Wie erreiche ich es mit einer z.B. zwölfspaltigen Tabelle, dass sich diese immer auf den maximal zur Verfügung stehenden Platz "ausbreitet". Ich habe hier leider Unterschiede zwischen Safari, Firofox und dem Win-IE festgestellt. Der Win-IE tut genau das was ich möchte, Safari und Firefox benutzen nur den Raum, den sie aufgrund des Inhalts wirklich benötigen. Ich nehme fast an, das ist hier ein Problem des Win-IE. Hier mal der Code:
    Code:
    <table style="table-layout:fixed">
    <tr >
    <TD>Spalte 1</TD>
    <TD>Spalte 2</TD>
    <TD>Spalte 3</TD>
    <TD>Spalte 4</TD>
    <TD>Spalte 5</TD>
    <TD>Spalte 6</TD>
    <TD>Spalte 7</TD>
    <TD>Spalte 8</TD>
    <TD>Spalte 9</TD>
    <TD>Spalte 10</TD>
    <TD>Spalte 11</TD>
    <TD>Spalte 12</TD>
    </tr>
    .....
    </table>
    Was muss ich ändern, ich verwende auch CSS. Alle Spalten sollten die gleiche Breite haben.
     
  2. Thommy

    Thommy MacUser Mitglied

    Beiträge:
    1.833
    Zustimmungen:
    0
    Registriert seit:
    23.06.2003
    im TD -> style='width:100px;' bzw global

    td {
    width:100px;
    }

    oder hab ich deine Frage falsch verstanden ..?
     
  3. freso

    freso MacUser Mitglied

    Beiträge:
    1.279
    Zustimmungen:
    24
    Registriert seit:
    27.09.2002
    geht mit width="100%"
     
  4. dms

    dms Gast

    Je nach Doctype ist das width-Attribut nicht erlaubt. In den einzelnen td's macht eine Breitenangabe keinen Sinn wenn man erreichen will dass die Tabelle selbst 100% einnimmt.

    <table style="width:100%"> sollte man verwenden.

    Wenn die einzelnen Tabellenzellen gleich groß sein sollen musst Du dies ebenfalls per style="width:xxx%" angeben.

    Da Du 12 Spalten hast ist das etwas blöd, da 100/12 8,33 ist. Es sind jedoch nur Ganzzahlen als %-Angabe erlaubt. Verwende eine Kombination aus 8 und 9% auf die Breitenangaben der einzelnen Zellen.
     
  5. Rupp

    Rupp MacUser Mitglied

    Beiträge:
    7.543
    Zustimmungen:
    603
    Registriert seit:
    10.10.2004
    das "width attribut" ist überall erlaubt... "height" ist seit HTML 4.01 verboten...

    geb der ganzen tabelle in der breite 100% und den einzelnen zellen KEINE größe, dann passen sie sich automatisch an!
     
  6. AndreasE

    AndreasE Thread Starter MacUser Mitglied

    Beiträge:
    2.652
    Zustimmungen:
    143
    Registriert seit:
    21.01.2004
    Kann ich das für die gesamte Tabelle im table-Tag festlegen, oder muss ich das in jeder Spalte tun?

    Bei 12 Spalten etwas blöd, 100 / 12 = 8,33 % :mad:
     
  7. dms

    dms Gast

    Ups, stimmt. :o

    Ja, dann passes sie sich dem Inhalt an. Sie sollen jedoch alle die selbe Grösse haben. Das funktioniert nur solange alle Zellen einen gleich langen Inhalt besitzen.
     
  8. Rupp

    Rupp MacUser Mitglied

    Beiträge:
    7.543
    Zustimmungen:
    603
    Registriert seit:
    10.10.2004
    HTML:
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>Inhalt</td>
        <td>Inhalt</td>
        <td>Inhalt</td>
        <td>Inhalt</td>
        <td>Inhalt</td>
        <td>Inhalt</td>
        <td>Inhalt</td>
        <td>Inhalt</td>
      </tr>
    </table>
    die einzelnen td's passen sich dann der 100% größe an.. probiers mal aus!
     
  9. AndreasE

    AndreasE Thread Starter MacUser Mitglied

    Beiträge:
    2.652
    Zustimmungen:
    143
    Registriert seit:
    21.01.2004
    Perfekt, es klappt wie gewünscht. :) <table width="100%"> und keine Breitenangabe bei den Zellen und alles funktioniert wie gewollt. :) :) :)

    Vielen Dank
     
  10. dms

    dms Gast

    Wie gesagt, nur solange der Inhalt überall gleich ist.

    Edit: Es sei denn Du beziehst Dich auf die Angabe table-layout:fixed. Damit kann jedoch nur der IE, Safari und Konqueror was anfangen.
     
    Zuletzt von einem Moderator bearbeitet: 18.07.2005
Die Seite wird geladen...
Ähnliche Themen - Tabelle maximaler Breite Forum Datum
Interaktive Tabelle Web Page Design 20.07.2015
CSS-Breite auf iOS stimmt nicht, -10% Web Page Design 18.09.2012
Tabelle: Zeielnhöhe (tr) will einfach nicht ??? Web Page Design 13.10.2010
Problem mit der Breite eines DIV in einem DIV Web Page Design 22.09.2010
HTML Tabelle kann nicht formatiert werden Web Page Design 10.07.2009

Diese Seite empfehlen

Benutzerdefinierte Suche