[HTML] Zelle soll ganze Höhe einnehmen

[Daniel B]

Hi,

hab ein kleines Problem mit meinen Zellen.
Also normal sind es zwei Zellen in einer Reihe, allerdings ist die rechte Zelle Höher als die Linke. die Linke soll aber nur so viel Höhe einnehmen, wie Inhalt ist und nicht so hoch werden wie die rechte.
NAch nen Tip von jemandem hab ich das so gemacht, so prinzip her nicht schlecht, allerdings nicht ganz so wie es soll:

SQL-Code:

<tr>
  <td></td>
  <td rowspan="2"></td>
</tr>
<tr<
  <td></td>
</td>

die zweite zusätzliche Zeile wäre also sowas wie ne Dummy Zelle, die nimmt aber nicht so viel Höhe ein wie nur möglich. Ich hoffe das es halbwegs verständlich war. ;) HTML4.01 Strict und CSS2.0 sollte das noch tauglich bleiben :)

[titus]

Hö?

Versteh ich nicht.
Der Quellcode so stimmt ja nicht, wenn muss es ja so aussehen:

Code:

<tr>
  <td></td>
  <td rowspan="2"></td>
</tr>
<tr>
  <td></td>
</tr>

Aber das Problem versteh ich nicht :gruebel:

Achja benutz lieber CSS anstatt Tabellen :mrgreen: (scnr)

mfG, titus

[Daniel B]

An dem > liegts nicht, ist kein Syntax-Problem, sonst würde es gar nicht laufen da PHP.

Okay:

SQL-Code:

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

Das ist das Ziel. Die linke Zelle, hat nur als Bespiel 5cm Höhe, die Rechte 10cm. Um jede Zelle und um die ganze Zeile ist ein Rahmen, der rahmen der linken Zelle, soll aber nur so hoch sein, also nur 5cm, der ist aber 10cm hoch, da die linke Zelle die gleiche Höhe bekommt wie die Rechte.
Darum der andere Code mit der zweiten Zeile.

SQL-Code:

+---------+---------+ 
|    1    |    2    | 
|         |         | 
+---------+         | 
|    3    |         | 
|         |         | 
+---------+---------+

SQL-Code:

 <tr>
   <td></td> <-- Zelle 1
   <td rowsapn="2"></td> <-- Zelle 2
 </tr>
 <tr>
   <td></td> <-- Zelle 3
 </tr>

Die neue Idee, Zelle 3 soll keinen Rahmen haben, also nur als Dummy da, die soll aber die ganze Höhe einnehmen, die die Zelle 1 nicht braucht. Jetzt klarer? Doof zum beschreiben. ;)

[titus]

Jo das mit ">" war nur ein Hinweis ;).

Ich versteh zwar immer noch nicht, ganz aber ich hab das mit dem border mal so gemacht (vielleicht meintest du es ja so ;)):

Code:

<tr>
  <td>1</td>
  <td rowspan="2">2</td>
</tr>
<tr>
  <td style="border: 0;"></td>
</tr>

Zum testen kannst ja mal border auf die Größe 1 setzen.

mfG, titus

[Daniel B]

Ne, du hast es noch nicht verstanden :)

untere Zeile, linke und rechte Zelle. Die linke hat nen Rahmen rechts und die rechte links. Der Rahmen der linken Zelle, sollte kürzer sein, nämlich nur bis da wo die Links im Menü aufhören und nicht so weit runter. Normal würde die Linie genau so lang sein wie die der rechten Zelle, daher die Dummy-Zelle, dei kürzt die Linie minimal, aber nicht so ganz wie es das sollte.

[titus]

Hi,

ich frage mich wozu du überhaupt

Code:

<tr>
  <td></td>

</tr>

eingebaut hast :gruebel:

ohne diesem teil geht doch alles wunderbar :stupid:

mfG, titus

[Daniel B]

Also entweder verstehst Du mich nicht, oder bei mir sieht es anders aus als bei dir.
Schau mal das Bild an, beim unteren Cursor, das ist doch der linke Rahmen ein wenig kürzer, der sollte aber nur bis zum oberen Cursor gehen. Wie sieht das bei Dir aus?
Wenn ich die zusätzliche Zeile nicht einfügen würde, dann wären beide Rahmen gleich lang.

[titus]

Hi,

also jetzt versteh ich was du meinst :D.

Naja ich hab ein bisschen in der CSS rumgefummelt und rumprobiert
Aus

Zitat:

td.inhalt1{
width:130px;
height: 1px; /* die neue zeile */
vertical-align:top;
border-right:1px solid #00f;
border-top:1px solid #00f;
}

So geht das bei mir

mfG, titus

[Flocke]

Mein Tipp: spar dir das mit dem rowspan und mach in jede TD eine DIV rein, die dann den Rahmen hat.

alt:

Code:

<td class="inhalt1">...</td>
<td rowspan="2" class="inhalt2">...</td>

neu:

Code:

<td><div class="inhalt1">...</div></td>
<td><div class="inhalt2">...</div></td>

Dann sollten die Rahmen immer nur so lang sein, wie der Inhalt der Boxen ist.

[titus]

Wenn wir schon mit divs anfangen:
Warum nicht das ganze Design mit CSS aufbauen?

mfG