nicht angemeldet
Zellenausrichtung ganz unten
0 0 0 0 kleine Korrektur
Zellenausrichtung ganz unten
Hi,
nachdem ich im Archiv nichts gefunden habe wie ich den Inhalt einer Spalte ganz unten und den anderen "normal" Ausrichten kann :
IE machts fast richtig, Netscape setzt den ersten Spalten Inhalt einfach in die Mitte.
<html>
<body>
<table border=1 cellpadding=0 cellspacing=0 valign=top>
<tr><td>Spalte 1<table cellpadding=0 cellspacing=0 HEIGHT=100% WIDTH=100% border=0 VALIGN=BOTTOM><TR><TD>Inhalt ganz unten</TD></TR></TABLE></TD><TD>Spalte 2<BR>Inhalt<BR>Inhalt<BR>Inhalt<BR>Inhalt</TD></TR>
</table>
</body>
</html>
Im Endeffekt ist die Tabelle dynamisch, ich möchte gerne den Inhalt von Zelle 1(nicht die Überschrift) ganz nach unten setzen jenachdem wie groß die Zelle 1 in Spalte 2 ist...css darf es auch nicht sein, die Aussentabelle soll umrandet sein, die innere soll für den Nutzer nicht sichtbar sein...
Ideen ?
Danke
-
Hallo, also wenn ich's richtig verstanden habe, dann würde ich das valign=bottom einfach in das betreffende td-Tag setzen. Dann müßte es eigentlich funkionieren.
Gruß
Patric - http://www.schulkameraden.de-
Hi,
dann würde doch aber die Überschrift Spalte 1 ja auch mit nach unten rutschen, und das soll sie ja wohl nicht. Wenn man hingegen aus der linken Spalte einfach zwei Reihen macht, kann man zwar den Inhalt nach Belieben ausrichten, hat aber eine unerwünschte Border unter Spalte 1. Also könnte man ja vielleicht so ein bischen rumtricksen:<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">Spalte 1</td>
<td rowspan="2" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
/* diese Spalte simuliert die Border zwischen Spalte 1 und Spalte 2 */<td width="1" bgcolor="#808080"><img src="one_trans.gif" width="1" height="1" alt=""></td>
<td valign="top">Spalte 2<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="bottom">
<table cellpadding=0 cellspacing=0 height=100% width=100% border=0>
<tr>
<td>
<table cellpadding=0 cellspacing=0 height=100% width=100% border=0>
<tr>
<td>Inhalt ganz unten</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>Liebe Grüße, Uschi
-
-
Hi
So kann das auch nicht gehen, weil valign nur in <tr> und <td> deffiniert ist, aber nicht in <table>. Trotzdem faellt mir keine Loesung ein, die auch im NS angezeigt wird.
Denn das Problem ist, dass Netscape die Hoehe der inneren Tabelle einfach nicht an die Tabellenzelle anpassen kann, ausser du verwendest absolute Hoehen.
Ich hab dann mal rumgebastelt (das muss man immer bei Netscape Tabellenproblemen ;-))) und versucht dein Problem anders zu loesen. Vielleicht gefaellts dir ja ;-)
<html>
<body>
<table border=0 bgcolor="#000000" cellspacing=0 cellpadding=0><tr><td>
<table border=0 bgcolor="#ccff00" cellspacing=2 cellpadding=0 width=100%><tr><td><table border=0 cellspacing=0 cellpadding=0 width=100%><tr><td valign=top>Spalte1</td><td rowspan=2 width=2 bgcolor="#000000"><img src="dummy.gif" width=1 height=1></td><td rowspan=2>Spalte2<BR>Inhalt<BR>Inhalt<BR>Inhalt<BR>Inhalt</td>
</tr><tr><td valign=bottom>Inhalt ganz unten</td></tr></table></td></tr></table></td></tr></table>
</body>
</html>
Tschau Holger-
Danke, das sieht sehr gut aus !!
-
Hi
Da hab ich wieder meinen Lieblingsfehler gemacht....
Die bgcolor Angabe der zweiten Tabelle muss in <td> stehen und nicht in <table>, sonst zeigt der IE das ganze falsch an.
Tschau Holger
-