padding in tabelle - problem!

[marie]

Hallo,
ich schaffe es nicht mit padding in td einen %-Abstand zu erzeugen.
Der Text reagiert nur auf die Breite???
Was mache ich falsch?

<table style="height:100%; width:100%">
<tr>
<td style="padding-top:20%">irum solum deprum</td>
</tr>
</table>

[MudGuard]

Hi,

ich schaffe es nicht mit padding in td einen %-Abstand zu erzeugen.
Der Text reagiert nur auf die Breite???

Prozentangaben bei padding beziehen sich auf die Breite des containing blocks. Immer. Punkt.
Das ist in CSS so definiert.

Was mache ich falsch?

Du erwartest etwas, was nicht eintreffen kann.

<table style="height:100%; width:100%">

Gibt es überhaupt eine Bezugshöhe, auf die sich die 100% Höhe beziehen können?

Abgesehen davon, der Wunsch, eine Tabelle in Höhe des Viewports zu haben, läßt darauf schließen, daß Du Tabellenlayout machst.

<tr>
<td style="padding-top:20%">irum solum deprum</td>
</tr>
</table>

Eine Tabelle mit exakt einer Zelle verstärkt den Eindruck.
Tabellen sind für tabellarische Daten gedacht, nicht für's Layout.

cu,
Andreas

[tom as]

<td style="padding-top:20%">irum solum deprum</td>

Kann man überhaupt padding mit einer %-Angabe machen? Ich nehme dafür eigentlich immer em. Schau mal nach, ob % überhaupt zulässig ist.

[berdn]

Hallo Marie,

hast Du denn wirklich tabellarische Daten, so das Du eine Tabelle verwenden must?

Ansonsten:

• mische besser nicht HTML und CSS

Vielleicht kommst Du ja hiermit zurecht?

<table class="myTable">
<tr>
<td class="myTD"><p class="myP">irum solum deprum</p></td>
</tr>
</table>

im externen CSS dann:
myTable { height:100%; width:100% }
myTD { height:100%; vertical-align: top; }
myP { margin-top: 20%; }

Liebe Grüße,

Bernd