Gernot Back: Zellen strecken

Beitrag lesen

Hallo Lukas,

Auf meinem neuen Projekt (Bandhomepage) habe ich zwei Tabellen nebeneinander, in je einer Zelle einer übergeordneten Tabelle. Nun will ich, dass beide Tabellen jeweils die gleiche, aber dennoch flexible Höhe haben. Die beiden je 3x3-Zellen-Tabellen dürfen in der mittleren Zeile gestreckt werden.

http://musik.lukx.de/vf/hp/npg/design.htm
Unten sollen die Linien sich treffen, egal welches der beiden Felder größer wird.

Im Quirksmodus, in dem du dich mangels DOCTYPE-Angabe ja ohnehin befindest, macht da auch der IE ohne Probleme mit, wenn du den TABLE-Elementen als solchen und darin wiederum den TD- bzw- TH-Elementen, die sich strecken sollen, 100% bzw. beim IE6 den Wert "inherit" über CSS als Height verpasst.

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

Andere Browser benötigen den standardkonformen DOCTYPE aber, um die Tabellenstreckung genauso darzustellen.

Damit handelst du dir natürlich wiederum bei anderen als Tabellen-Elementen, die du ja bestimmt auch noch auf deiner Seite unterbringen willst, Darstellungsunterschiede ein, weshalb ich dir zu einem tabellenfreien Layout raten würde. Davon abgesehen sieht dein Design genausowenig wie mein Engel-Tabellen-Design so aus, als wollten dort wirklich tabellarisache Daten Platz finden.

Gruß Gernot