rechts unten in Zelle

[TBT]

wie bekomme ich einen span innerhalb einer
Tabellenzelle per CSS nach rechts unten ?

rechts iast klar mit "float: right;" aber unten ?

[XGremliN]

<td align="right" valign="bottom"> sollte dein Problem lösen.

[TBT]

ne, nur der Inhalt von span soll nach rechts unten

<td>
   normaler Text
   <span class=rechtsunten>irgendwas</span>
</td>

[mrhappiness]

so wie du's hast,sollte float:right ausreichend sein

oder soll es nicht nur rechts unten sein, sondern auch noch rechts vom text in der zelle selbst?

[TBT]

-------------------------------
| Text ...                     |
|                              |
|                              |
|                          bla |
-------------------------------

das "bla" soll in dem span stehen
und immer ganz rechts unten in der Ecke,
egal wieviel anderer Text vorhanden ist

PS: die Zelle kann durch den Rest der Tabelle
auch recht hoch sein.

[Abraxax]

so?

<span style="text-align: right;">blubb</span>

[TBT]

nach rechts bekomme ich das Teil ja schon durch

float: right;

, aber eben nicht nach unten

[schmalle]

<span> ist ein inline element da könnt ihr lange rumfummeln. mussu schon div oder p nehmen

[TBT]

auch mit einem div bekomme ich das nicht nach unten

[wahsaga]

Original geschrieben von TBT

-------------------------------
| Text ...                     |
|                              |
|                              |
|                          bla |
-------------------------------

das "bla" soll in dem span stehen
und immer ganz rechts unten in der Ecke,
egal wieviel anderer Text vorhanden ist

das müsstest du genauer definieren.
was ist, wenn der text die komplette zelle ausfüllt? was soll der span dann machen? den text überlagern, oder eine neue "zeile" erzeugen, und in der rechtsbündig ausgerichtet sein?

ich würde versuchen, den span mittels absoluter positionierung in bezug auf die tabellenzelle mit right:0; bottom:0; nach rechts unten zu bringen - allerdings wird evtl. dort angezeigter text dann überlappt (was sich evtl. wieder durch ein geeignetes padding-bottom für die tabellenzelle vermeiden liesse).

[mrhappiness]

oder, was zwar vom markup her etwas weniger elegant wäre, aber browser- und evtl. auch alltagstauglicher: tabelle in tabelle

[TBT]

so, dann etwas genauer *g*

- "bla" soll immer rechts unten in der Zelle sein
- wenn viel Text ist, soll "bla" in einer neuen Zeile unten
drunter stehen, aber rechts
- wenn wenig Text ist, bleibt viel "Luft" in der Zelle
- bei "position: absolute; bottom: 10px;" setzt er mir das "bla"
10px vom unteren Bildschirmrand, nicht 10px; vom unteren
Rand der Zelle

[mrhappiness]

es gibt noch relative, static und fixed als wert für position, probier mal relative

[wahsaga]

Original geschrieben von TBT
- bei "position: absolute; bottom: 10px;" setzt er mir das "bla"
10px vom unteren Bildschirmrand, nicht 10px; vom unteren
Rand der Zelle

deshalb sagte ich ja extra dazu, dass du es absolut in bezug auf die tabellenzelle positionieren sollst.

hierzu muss die tabellenzelle selber eine vom default-wert static abweichende positionierung haben, also z.b. position:relative.