schauan: colspan und rowspan

Hallo,

ich blutiger Anfänger versuche gerade, mit colspan und rowspan Tabellen zu gestalten. Ich wollte eine Tabelle mit 3 Spalten und 7 Zeilen. Die jeweiligen Zeilenbereiche habe ich mal mit den Zahlen 1 bis 7 versehen.

Im Bereich 4 und 5 sollen mir 2-Zeilige Zellen ausgegeben werden. Das funktioniert aber nicht, es bleibt bei einzeiligen Zellen. Der mittlere, große Bereich ist auch keine 5 Zeilen lang, sondern nur 4. Was mache ich falsch?

<table border="2">
 <tr>
1 <td rowspan="3">Zelle1, Reihe1</td>
 <td>Zelle2, Reihe1</td>
 <td>Zelle3, Reihe1</td>
 </tr>
 <tr>
2 <td colspan="2">Zelle1, Reihe2</td>
 </tr>
 <tr>
3 <td rowspan="5">Zelle1, Reihe3</td>
 <td>Zelle2, Reihe3</td>
 </tr>
 <tr>
4 <td>Zelle1, Reihe4</td>
 <td rowspan="2">Zelle2, Reihe4</td>
 </tr>
 <tr>
5 <td rowspan="2">Zelle1, Reihe5</td>
 </tr>
 <tr>
6 <td>Zelle1, Reihe6</td>
 </tr>
 <tr>
7 <td>Zelle1, Reihe7</td>
 <td>Zelle2, Reihe7</td>
 </tr>
 </table>

Danke für jede Hilfe, schauan

  1. ich habe nach einigem experimentieren eine Lösung gefunden. Die Beispiele die so im Netz rumkullern sind alle ohne. Wenn ich die Tabelle in Excel erzeuge und nach Frontpage kopiere stimmt es auch nicht ganz.

    Habe dann die Excel-Tabelle als HTML gespeichert und den code analysiert und schrittweise reduziert. Ergebnis: Zum einen muss ich die Angabe table-layout:fixed verwenden, zum anderen jeder Zeile die Höhe definieren. Keine Ahnung, wieso, aber es geht.

    <table border=2 height=133 width=319 style='table-layout:fixed;width:319pt'>
     <tr height=19 style='height:14.75pt'>
      <td rowspan=3 >Zelle1, Reihe1</td>
      <td >Zelle2, Reihe1</td>
      <td >Zelle3, Reihe1</td>
     </tr>
     <tr height=19 style='height:14.75pt'>
      <td colspan=2 >Zelle1, Reihe2</td>
     </tr>
     <tr height=19 style='height:14.75pt'>
      <td rowspan=5 >Zelle1, Reihe3</td>
      <td >Zelle2, Reihe3</td>
     </tr>
     <tr height=19 style='height:14.75pt'>
      <td >Zelle1, Reihe4</td>
      <td rowspan=2 >Zelle2, Reihe4</td>
     </tr>
     <tr height=19 style='height:14.75pt'>
      <td rowspan=2 >Zelle1, Reihe5</td>
     </tr>
     <tr height=19 style='height:14.75pt'>
      <td >Zelle1, Reihe6</td>
     </tr>
     <tr height=19 style='height:14.5pt'>
      <td >Zelle1, Reihe7</td>
      <td >Zelle2, Reihe7</td>
     </tr>
    </table>

    1. Mahlzeit,

      ich habe nach einigem experimentieren eine Lösung gefunden. Die Beispiele die so im Netz rumkullern sind alle ohne. Wenn ich die Tabelle in Excel erzeuge und nach Frontpage kopiere stimmt es auch nicht ganz.

      Kein Wunder. Excel ist ein Tabellenkalkulationsprogramm und Frontpage ist ein Programm zur Erzeugung von invalidem Dreckscode. Mit HTML haben beide nicht viel zu tun.

      Habe dann die Excel-Tabelle als HTML gespeichert und den code analysiert und schrittweise reduziert. Ergebnis: Zum einen muss ich die Angabe table-layout:fixed verwenden, zum anderen jeder Zeile die Höhe definieren.

      Mit Verlaub, das ist Blödsinn. Zur Festlegung der Struktur einer Tabelle musst Du in keinster Weise Angaben zur Darstellung der Tabelle machen.

      Keine Ahnung, wieso, aber es geht.

      Lass mich raten: IE?

      Im Firefox sieht Dein ursprünglicher Code ungefähr so aus:

      +----------------+----------------+----------------+
      |                | Zelle2, Reihe1 | Zelle3, Reihe1 |
      |                +----------------+----------------+
      | Zelle1, Reihe1 | Zelle1, Reihe2                  |
      |                +----------------+----------------+
      |                |                | Zelle2, Reihe3 |
      +----------------+                +----------------+
      | Zelle1, Reihe4 |                | Zelle2, Reihe4 |
      +----------------+ Zelle1, Reihe3 +----------------+
      | Zelle1, Reihe5 |                | Zelle1, Reihe6 |
      +----------------+                +----------------+
      | Zelle1, Reihe7 |                | Zelle2, Reihe7 |
      +----------------+----------------+----------------+

      Ist das Dein beabsichtigtes Ziel?

      MfG,
      EKKi

      --
      sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  2. @@schauan:

    Was mache ich falsch?

    Vermutlich, dass du eine Tabelle zum Layouten missbrauchen willst.

    Anstatt deine Zeit damit zu vergeuden, beschäftige dich besser mit http://de.selfhtml.org/css/@title=CSS und <http://de.selfhtml.org/css/layouts/@title=darauf basierten Layouts>.

    Live long and prosper,
    Gunnar

    --
    „Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)