Blinde Tabelle verhält sich unorthodox

[Sebastian Tischer]

Hallo Forum,

ich habe folgendes HTML-Problem:

Das Layout besteht aus einer Tabelle mit 100%/100% und drei Zellen:
In der linken Spalte zwei Zellen übereinander, in der rechten Spalte eine Zelle, also so etwa:

|-----------------|
|      |          |
|------|          |
|      |          |
|      |          |
|      |          |
|-----------------|

Die linke obere Zelle hat eine feste Höhe, die beiden anderen sollen sich der Bildschirmhöhe anpassen. Im Rohlayout klappt alles soweit, wenn aber nun in der rechten Zelle mehr als ein Dutzend Zeilen Content steht, wird die linke obere Zelle mit gedehnt.

Wer mit einen Tipp gibt, darf sich meiner lebenslangen Dankbarkeit gewiss sein ;-)

[chlori]

Hallo Sebastian

Das Layout besteht aus einer Tabelle mit 100%/100% und drei Zellen:

URL? HTML-Code?

chlori

[Sebastian]

@chlori:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="300" height="50"> </td>
<td rowspan="2">[sehr viel Content]</td>
</tr>

<tr>
<td> </td>
</tr>

</table>

[Struppi]

Hallo Sebastian

@chlori:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="300" height="50"> </td>
<td rowspan="2">[sehr viel Content]</td>
</tr>

<tr>
<td> </td>
</tr>

</table>

Dafür ist absolut keine Tabelle notwendig (es sei denn du willst tabellarische Daten darstellen)

CSS ist die Wahl der Mittel:

http://css-discuss.incutio.com/?page=TwoColumnLayouts
http://csszengarden.com/
http://realworldstyle.com/
http://css.maxdesign.com.au/listamatic2/index.htm

Struppi.

[thomas-tgd]

Guten Morgen Sebastian

|-----------------|
|      |          |
|------|          |
|      |          |
|      |          |
|      |          |
|-----------------|

Die linke obere Zelle hat eine feste Höhe, die beiden anderen sollen sich der Bildschirmhöhe anpassen. Im Rohlayout klappt alles soweit, wenn aber nun in der rechten Zelle mehr als ein Dutzend Zeilen Content steht, wird die linke obere Zelle mit gedehnt.

Ich hatte gestern das gleiche Problem, und konnte es auf folgende
Weise "lösen":

Füge links von den zwei Zellen zwei weitere mit Breite 1px ein,
und fülle diese mit sogenannten Blindgifs (1x1px groß, mit transparenter oder mit Hintergrundfarbe). Dem Blindgif in der oberen Zelle gibts du die Zellenhöhe zuzüglich dem  2fachen Wert des paddings. Das untere Blindgif sollte höher sein als das obere -
hier mußt du ein bischen rumprobieren - , mach es aber nicht zu groß
falls du Scrollbalen nicht immer angezeigt haben willst.

Ich hoffe das hilft dir, und einen schönen tag noch

T.G. Detlefsen