Willkommen in der Webstatt Zum Webstatt Blog und Stories
fish fish am 10.04.06 11: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?

Quote

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

netcup.de Warum gibt es hier Werbung?
leo am 10.04.06 14: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ß, leo

fish fish am 10.04.06 15:12

wohin genau ?

hat sich bisjetzt noch nix getan.

fish fish am 11.04.06 21:13

kann keiner helfen?

leo am 11.04.06 21:51

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


und

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


dein markup natürlich so:

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

fish fish am 11.04.06 22:17

funzt. danke

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt