Manuela: Tabellenspalten mit css formatieren

Hallo Forum,

Kann mir einer von euch sagen, wie man in meinem Beispiel 8 Zellen zu je 200px nebeneinander bekommt, ohne dass sich ein Browser die Freiheit nimmt, die Spalten zusammenzustauchen, um die Tabelle vollständig im Sichtbereich des Browserfensters darzustellen?

Wenn ich der Tabelle table-layout:fixed gebe und die Tabellenbreite auf 1600px setze (8*200px), dann klappt es zwar, aber wenn ich jetzt ein langes Wort in einer Zelle habe, wird die Zelle einfach abgeschnitten. Sie soll sich aber ausdehnen können.

Danke schonmal fürs Lesen

cu Manuela

Hier ist mein Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table  {
    table-layout:fixed;
    width: 1600px;  }

-->
</style>
</head>

<body>

colgroup= style="width:200px"   span="8"

<p></p>

<table border="1">
<colgroup style="width:200px" span="8"></colgroup>
    <tr>
        <td>blau</td>
        <td>normal</td>
        <td>Hintergrund</td>
        <td>rot</td>
        <td>mitte</td>
        <td>rechts</td>
        <td>klein</td>
        <td>gross</td>
    </tr>
    <tr>
        <td>hierkommtjetzteinganzganzganzlangesWort</td>
        <td>normal</td>
        <td>Hintergrund</td>
        <td>rot</td>
        <td>mitte</td>
        <td>rechts</td>
        <td>klein</td>
        <td>gross</td>
    </tr>
    <tr>
        <td>blau</td>
        <td>normal</td>
        <td>Hintergrund</td>
        <td>rot</td>
        <td>mitte</td>
        <td>rechts</td>
        <td>klein</td>
        <td>gross</td>
    </tr>
    <tr>
        <td>blau</td>
        <td>normal</td>
        <td>Hintergrund</td>
        <td>rot</td>
        <td>mitte</td>
        <td>rechts</td>
        <td>klein</td>
        <td>gross</td>
 </tr>
</table>

</body>
</html>

  1. Hallo Manuela,

    Kann mir einer von euch sagen, wie man in meinem Beispiel 8 Zellen zu je 200px nebeneinander bekommt, ohne dass sich ein Browser die Freiheit nimmt, die Spalten zusammenzustauchen, um die Tabelle vollständig im Sichtbereich des Browserfensters darzustellen?

    Wenn ich der Tabelle table-layout:fixed gebe und die Tabellenbreite auf 1600px setze (8*200px), dann klappt es zwar, aber wenn ich jetzt ein langes Wort in einer Zelle habe, wird die Zelle einfach abgeschnitten. Sie soll sich aber ausdehnen können.

    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#min_width

    Viele Grüße aus Freiburg,
    Marian

    --
    1954 - 1974 - 1990 - 2006!
    Microsoft broke Volkswagen's world record: Volkswagen only made 22 million bugs!
    <!--[if IE]><meta http-equiv="refresh" content="0; URL=http://www.getfirefox.com"><[endif]-->
    1. Hallo Marian,

      http://de.selfhtml.org/css/eigenschaften/positionierung.htm#min_width

      Das geht leider auch nicht.

      http://halmi.ha.funpic.de/forum/spalte-formatieren-min-width-1.html

      Abgesehen davon verstehts der IE nicht.

      Gruß
      Manuela

      1. Hi,

        Abgesehen davon verstehts der IE nicht.

        Wenn's wichtig ist, dann mußt Du halt in jede Zelle ein Dummy-Element mit fester Breite und minimaler Höhe packen.

        Gruß, Cybaer

        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!