Adriana Mikolaskova Nautsch: Spaltenbreite

Hallo,

ich möchte eine Tabelle darstellen, die breiter ist, als das Fenster (d.h. man muss horizontal scrollen, um den ganzen Inhalt zu sehen). Die Spalten dieser Tabelle sollen bestimmte Breiten aufweisen, bzw. z.T. keinen Umbruch enthalten usw.
Die erwünschten Attribute wollte ich ins col-Tag einfügen (im Bsp. width, falls es funktioniert hätte, hätte ich eine css-Klasse angegeben).
Mein Problem:
Die Definition der Spaltenbreiten funktioniert nur solange die gesamte Tabellenbreite nicht breiter ist als das Fenster. Im unten eingefügten Beispiel stimmen die Werte bei der Anzeige im Browser nicht mehr.

Kann mir da jemand bitte weiterhelfen?

Gruss

Adriana

<table border="1" >

<colgroup>
<col width="40">
<col width="100">
<col width="8000">
</colgroup>

<tr>
<td>1. Zeile, 1. Spalte</td>
<td>1. Zeile, 2. Spalte</td>
<td>1. Zeile, 3. Spalte</td>
</tr>

<!-- usw. andere Zeilen der Tabelle -->

</table>

  1. Moin,
    versuch es mit einem transparenten Blindgif von 1*1 px Größe, daß du auf die jeweils gewünschte Spaltenbreite skalierst.

    <img src="bla.gif" width="500">

    cu mipu

    1. versuch es mit einem transparenten Blindgif von 1*1 px Größe, daß du auf die jeweils gewünschte Spaltenbreite skalierst.

      Davon ist abzuraten, solche Tricks stammen noch aus der Webdesign-Steinzeit... Finger weg! ;)

      MfG
      Danny

      1. Davon ist abzuraten, solche Tricks stammen noch aus der Webdesign-Steinzeit... Finger weg! ;)

        Klar ist das ein alter Hut, aber dieser Steinzeittrick funktioniert wenigstens immer garantiert :)

        cu mipu

  2. Hallo

    dann gebe doch einfach die Gesamtbreite in Table direkt an, d.h.
    <table width="8140">

    ---

    CSS

    #t1     { width: 8140px; }
    #t1 .c1 { width: 40px; }
    #t1 .c2 { width: 100px; }
    #t1 .c3 { width: 8000px; }

    HTML:

    <table id="t1" border="1">
      <colgroup>
        <col class="c1">
        <col class="c2">
        <col class="c3">
      </colgroup>
      <tr>
        <td>1. Zeile, 1. Spalte</td>
        <td>1. Zeile, 2. Spalte</td>
        <td>1. Zeile, 3. Spalte</td>
      </tr>
    </table>

    P.S.: Beispiel ungetestet, müßte aber funktionieren.

    MfG
    Danny