dynamische tabellenhoehe
kurt
- html
Hallo
Ich hab den Wunsch ein Tabelle zu bauen, deren Hoehe sich durch die Hoehe der mittleren Spalte bestimmt.
Diese mittlere Spalte ist dann links und rechts von jeweils 3 <td>'s
umgeben, von denen 2 (blau & rot) eine fest definierte Hoehe haben, und sich die uebrige, mittlere (gruene) <td> variabel den anderen Groessen anpasst (Hoehe=mittlere Spalte - (blau+rot).
Leider hab ich auch nach laengeren Studium es nicht geschafft, dies
fuer jeden Browser funktionierd zu gestalten. Sobald ich die mittlere Spalte mit "rowspan=3" definiere, wird immer die untereste <td> der Seitenleisten vergroessert.
So weit bin ich grad:
<table>
<tr> <td width=35 height=10 bgcolor=blue >
<td width=700 height="" rowspan="3" valign=top >
<br>Platzhalter<br>muh<br>muh<br>muh>
<br>muh<br>muh<br>muh<br>muh>
<br>muh<br>muh<br>muh<br>muh>
<td width=35 height=10 bgcolor=blue >
<tr> <td width=35 height="" bgcolor=green>
<td width=35 height="" bgcolor=green >
<tr> <td width=35 height=82 bgcolor=red >
<td width=35 height=82 bgcolor=red >
</table>
Ich wuerde mich echt sehr freuen, wenn mir jmd. weiterhelfen koennte.
du hast die Endtags vergessen!
<table>
<tr>
<td width=35 height=10 bgcolor=blue ></td>
<td width=700 height="" rowspan="3" valign=top >
<p><br>
Platzhalter<br>
muh<br>
muh<br>
muh> <br>
muh<br>
m<br>
mu</p>
<p> </p>
<p>muh<br>
muh<br>
muh<br>
muh> </p>
</td>
<td width=35 height=10 bgcolor=blue ></td>
<tr>
<td width=35 height="*" bgcolor=green> </td>
<td width=35 height="*" bgcolor=green > </td>
<tr>
<td width=35 height=82 bgcolor=red ></td>
<td width=35 height=82 bgcolor=red ></td>
</table>
Das sollte gehen
Viel Spass noch...
hi doemsle
natuerlich weiss ich dass da fuer ordentliches html endtags hingehoeren.
ich hab die nur im beispiel weggelassen, dass es uebersichtlicher ist.
alle browser kommen naemlich auch ohne die endtags zurecht
=> problem besteht mit endtags genauso.
Hallo,
natuerlich weiss ich dass da fuer ordentliches html endtags hingehoeren.
Naja, in HTML sind viele Endtags freiwillig.
Naemlich alle, bei denen in der Tabelle
http://www.w3.org/TR/html401/index/elements.html
in der Spalte "End Tag" ein "O" (optional) steht.
Erst in XHTML wurden alle Endtags obligatorisch.
alle browser kommen naemlich auch ohne die endtags zurecht
Normalerweise schon. Was HTML angeht.
Aber: SelfHTML behauptet hier
http://selfhtml.teamone.de/css/formate/einbinden.htm#innerhalb_element
dass fuer CSS (zumindest fuer Inline-CSS mittels style-Attribut direkt
in HTML-Elementen) die schliessenden Tags obligatorisch seien, selbst
bei Elementen wie P oder TH, wo sie nach HTML 4 fakultativ sind.
Ich habe jetzt keine Lust, auszutesten, ob diese Behauptung stimmt.
In der CSS 2 Specification fand ich auf den ersten Blick keine
Anhaltspunkte dafuer.
Und auch in der HTML 4.01 Specification bei der Beschreibung
des style-Attributs steht nichts davon.
=> problem besteht mit endtags genauso.
Hast Du es ausprobiert oder behauptest Du es einfach so?
Ich weiss nicht, ob es wirklich daran liegt.
Ich denke eher, dass die Endtags hier keine Rolle spielen.
Einen Versuch waere es IMHO wert.
Wahrscheinlich bist Du aber einfach ein Opfer der Browser, die
Tabellenzellen nach Gutduenken in der Groesse anpassen.
Ich kann Dir nur empfehlen, Dich mit CSS zu beschaeftigen.
Gib den Zellen in CSS die Dimensionen, die sie haben
sollen. Das gibt Dir noch keine Garantie, dass die Browser
sich daran halten, aber es ist ein Schritt in die gute Richtung.
Gruesse,
Thomas