Azzu: height: 100% geht nicht

Hallo,

ich möchte mir einige Termine in meiner SQL-Datenbank in einem HTML-Kalender(Liste) anzeigen lassen. Dieser sieht momentan so aus:
http://i25.tinypic.com/2myvtko.jpg
Wie man sieht, erstreckt sich die Beschreibung nicht über die gesamte Zellenhöhe. Wie erreiche ich das nun?

Hier noch Quelltext etc.:
http://i28.tinypic.com/2ro592w.jpg
http://i26.tinypic.com/iclkzt.jpg

CSS:

.cal_list .cell_desc {  
	height: 100%;  
	padding-bottom: 1px;  
	padding-left: 1px;  
	padding-right: 1px;  
}  
  
.cal_list .cell_desc_content {  
	min-height: 100%;  
	height: 100%;  
	width: 94px;  
	overflow: hidden;  
}  
  
.cal_list .cell_desc {  
	border-right: 1px solid black;  
}  
  
.cal_list .cell_desc_content {  
	border: 1px solid #444444;  
	border-top: 0;  
	background-color: #bcd6ee;  
	padding: 0px 1px 0px 1px;  
}

HTML:

<table id="week_table" class="cal_list" border="1">  
	<colgroup width="100" span="8"></colgroup>  
  
	<thead id="cal_list_header">  
		<tr> [........] </tr>  
	</thead>  
	<tbody>  
  
	[.........]  
	[.........]  
  
	<tr>  
  
		<td class="cell_time" id="time_id_56"><div class="time0_line">14:00</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
		<td class="cell_mini" rowspan="2"><div class="cell_mini_content">Miniatur-Even...</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
		<td class="cell_title" rowspan="2"><div class="cell_title_content">ausm fenster ...</div></td>  
		<td class="cell_title" rowspan="2"><div class="cell_title_content">MMMMMMMMMMMMM...</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
	</tr>  
	<tr>  
		<td class="cell_time" id="time_id_58"><div class="time2_line"></div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
		<td class="cell_desc" rowspan="6"><div class="cell_desc_content"> ganz lange</div></td>  
		<td class="cell_desc" rowspan="6"><div class="cell_desc_content"> Seit zwei Jahren ist meine Arbeit in D...</div></td>  
		<td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
	</tr>  
  
	[.........]  
	[.........]  
	  
	</tbody>  
</table>
  1. Dein Stundenplan ist ein Monster der Zugänglichkeit

    Überlege dir folgenden Code

    <ol class=weekplan>
      <li class=weekdaylist>
        <h4 class=day>Montag</h4>
        <ul class=eventlist>
          <li class="event" style="top:20px;left:60px;">
             <h5 class=time>um 08:20 Uhr</h5>
             <p class=text>Eventbeschreibung<p>
             <div>Some GUI Functions here</div>
          </li>
        </ul>
      </li>
    </ol>

    Jetzt hinterlegst du deine ol mit einem Bild und platzierst die li.weekdaylist durch floaten nebeneinander und positionierst die li.events absolut relativ zum weekday.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. ähm... nein

      minimieren wir das problem halt:

      <td class="zelle">  
       <div class="max">  
        text  
       </div>  
      <td>
      
      .zelle {  
        height: 40px;  
      }  
        
      .max {  
        height: 100%;  
      }
      

      wie kriege ich es hin, dass das div über die gesamte Höhe der Zelle geht?

      1. minimieren wir das problem halt:

        <td class="zelle">

        <div class="max">
          text
        </div>
        <td>

        
        >   
        > ~~~css
        
        .zelle {  
        
        >   height: 40px;  
        > }  
        > .max {  
        >   height: 100%;  
        > }
        
        

        wie kriege ich es hin, dass das div über die gesamte Höhe der Zelle geht?

        Indem du nach der richtigen Fehlerquelle suchst.
        Dein Minibeispiel sollte genau das tun, was du erwartest.

        mfg Beat

        --
        ><o(((°>           ><o(((°>
           <°)))o><                     ><o(((°>o
        Der Valigator leibt diese Fische
        1.   
                  <tr>  
            
                          <td class="cell_time" id="time_id_56"><div class="time0_line">14:00</div></td>  
                          <td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
                          <td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
                          <td class="cell_mini" rowspan="2"><div class="cell_mini_content">Miniatur-Even...</div></td>  
                          <td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
                          <td class="cell_title" rowspan="2"><div class="cell_title_content">ausm fenster ...</div></td>  
                          <td class="cell_title" rowspan="2"><div class="cell_title_content">MMMMMMMMMMMMM...</div></td>  
                          <td class="cell_shown"><div class="cell_shown_content">&nbsp;</div></td>  
                  </tr>  
          
          

          das Problem dabei war, dass keine Höhe für tr festgelegt war. Somit hat er irgendwie 0 angenommen und die td wurden genauso hoch wie ihr inhalt (da 100% von 0 immer noch 0 ist)
          <tr style="height: 8px; "> hat das Problem gelöst.