Tabelle

[maggie]

Hallo,
in einer Tabelle möchte ich einer Zelle eine Hintergrundfarbe zuweisen. Diese Zelle ist immer nur mit einem Datum gefüllt (immer gleich hoch).
Die anderen Zellen sind immer unterschiedlich in der Textfülle.
Im IE wird nun die 1. Zelle auch immer unterschiedlich hoch. Wie kann ich das in den css regeln?
Danke für Eure Hilfe.
Gruß, Maggie

.streifen{background: #EFEFEF; height: 8px; vertical-align: top;}
<tr>
        <td class="streifen">21.07.2007</td>
 <td rowspan="2">Langer Text</td>
        <td rowspan="2">Text Spalte3</td>
</tr>
<tr>
 <td>Text in der 1. Spalte ohne Hintergrundfarbe</td>
</tr>

[Gernot Back]

Hallo maggie,

Die anderen Zellen sind immer unterschiedlich in der Textfülle.
Im IE wird nun die 1. Zelle auch immer unterschiedlich hoch. Wie kann ich das in den css regeln?

<td>Text in der 1. Spalte ohne Hintergrundfarbe</td>

Je nach DOCTYPE und vor allem daraus resultierenden Kompatibilitätsmodus des Dokuments (Quirks oder CSS-kompatibel), indem du den Zellen mit variabler Textmenge jeweils height:100% gibst. Da du mit rowspan arbeitest, kann stattdessen für den IE6 bei verschachtelten Tabellen auch der Wert "inherit" erforderlich sein.

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

Gruß Gernot

[maggie]

Hallo Gernot,
ich verstehe das leider nicht - eine height="100%" funktioniert nicht.
Gruß, Maggie

[Gernot Back]

Hallo maggie,

ich verstehe das leider nicht - eine height="100%" funktioniert nicht.

Das darf es in anständigen Browsern auch nicht, denn das ist bei Tabellenzellen keine gültige Angabe.

Du möchtest deiner Tabellenzelle eine Klasse zuweisen und ihr über CSS diese Höhe verpassen:

  
<td class="greedy">  
   Hier steht unterschiedlich viel Text,  
   der aber unabhängig davon innerhalb  
   der Tabellenhöhe immer so viel Höhe  
   wie möglich beansprucht und in Pixeln  
   definierte Konkurrenten auf ihr Maß  
   zurechtstutzt.  
</td>  

  
td.greedy {  
   height:100%;  
}  
  
/*ggf für den IE<7: */  
  
* html td.greedy {  
   height:inherit;  
}  
  

Gruß Gernot

[maggie]

Ja, das ist richtig.
Aber es ist so, dass ich ein rowspan für die 2.u.3.Spalte benennen muss. In jeder Reihe gibt es in der 1.Spalte zwei Zellen.
Die 1. Zelle (in Spalte1) soll mit einer Hintergrundfarbe hinterlegt sein. Die Zelle soll immer gleich groß sein, da sie ja auch immer nur mit dem Datum belegt ist.
Wie kann ich es hinbekommen, dass alle Browser das richtig ausgeben?
Gruß,
Maggie

td.greedy {
   height:100%;
}

/*ggf für den IE<7: */

* html td.greedy {
   height:inherit;
}

[/code]

Gruß Gernot