Webstatt.org - Community seit 2006 - 2012 (2024?)

problem mit vertical-align

Avatar user-180
10.04.2006 09:02

hallo ich hab ein problem mit vertical align:

in einem div-container soll der text am boden ausgerichtet sein, aber mit vertical-align: bottom tut such nix. warum?


div#letzte_zeile {
text-align: right;
width: 298px;
height: 64px;
text-align: right;
background-color: red;
vertical-align: bottom;
padding: 4px;
}

may the force be with you. but mostly with me.
user-228
10.04.2006 12:51

kannst du nur auf tabellen-elemente anwenden. also auf tds zB - display: table bzw display: table-cell kann abhilfe schaffen - versteht der IE aber natürlich nicht.

position relative für deinen container
position absolute bottom 0 right 0 für deinen text

gruß, user-228

Avatar user-180
10.04.2006 13:12

wohin genau ?

hat sich bisjetzt noch nix getan.

may the force be with you. but mostly with me.
Avatar user-180
11.04.2006 19:13

kann keiner helfen?

may the force be with you. but mostly with me.
user-228
11.04.2006 19:51

div#letzte_zeile {
text-align: right;
width: 298px;
height: 64px;
text-align: right;
background-color: red;
vertical-align: bottom;
padding: 4px;
position: relative;
}


und

div#letzte_zeile span {
position: absolute;
bottom: 0;
right: 0;
}


dein markup natürlich so:

<div id="letze_zeile"><span>dein text</span></div>

Avatar user-180
11.04.2006 20:17

funzt. danke

may the force be with you. but mostly with me.