Manuela: Tabellenspalten mit css formatieren

Beitrag lesen

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>