Probleme mit rowspan bei Tabellen

Computer: Software & Programmierung HTML & CSS
#1

Hallo,
ich habe eine Tabelle mit mehreren Spalten und Zeilen. Bevor ich das Konstrukt erkläre und es keiner versteht, besser einfach mal folgenden Link aufrufen:
http://andyp.mpstore24.de/reportalneu/test/testtabel…

Und das ist der Code dazu:

hallo
testtext
über
mehrere Zeilen
mehrere Zeilen
mehrere Zeilen

Die angehängte CSS-Datei enthält nur folgendes:

.text {font-family: Arial; font-size: 12px; color:#000000; }

html,body {
height: 100%;
}

So wenn man sich die Tabelle jetzt anguckt, sieht man, dass der Text natürlich mehrere Zeilen haben kann und somit die Tabelle in der Höhe gestreckt wird. Wenn das passiert möchte ich aber, das die Tabellenzeilen (rechts und links vom Text), die zwischen der grünen und der blauen Zeile liegt (farbe gelb), auseinandergezogen wird, deswegen habe ich dort style=„height:100%;“ angegeben und die anderen fest definiert style=„height:20px;“. Beide Browser (Firefox und IE) ziehen aber die Zeilen auseinander, die von der Höhe her fest definiert sind!

Was kann man da tun? Das ist bestimmt ne ganz dumme Lösung.

Gruß
Matthias

#2

Hallo Mattes!

So wenn man sich die Tabelle jetzt anguckt, sieht man, dass
der Text natürlich mehrere Zeilen haben kann und somit die
Tabelle in der Höhe gestreckt wird. Wenn das passiert möchte
ich aber, das die Tabellenzeilen (rechts und links vom Text),
die zwischen der grünen und der blauen Zeile liegt (farbe
gelb), auseinandergezogen wird, deswegen habe ich dort
style=„height:100%;“ angegeben und die anderen fest definiert
style=„height:20px;“. Beide Browser (Firefox und IE) ziehen
aber die Zeilen auseinander, die von der Höhe her fest
definiert sind!

Was kann man da tun? Das ist bestimmt ne ganz dumme Lösung.

  • Für normale Browser den Doctype Strict verwenden und

  • mit einem HTML-Kommentar vor dem Doctype verhindern, dass sich auch der IE dran hält.

  • Außerdem für halbwegs normale Browser den sich strecken sollenden Tabellenzellen über CSS eine Height von 100%, denselben Zellen im IE6 aber stattdessen „height:inherit“ verpassen.

  • Am besten aber ganz auf Tabellenlayout verzichten, denn das ist wirklich eine dumme Lösung!

vgl.:http://www.sprachlernspiele.de/engel/matroschka.html

Gruß Gernot