Autor Zpráva
MilanJ
Profil
#1 · Zasláno: 10. 12. 2006, 20:28:34 · Upravil/a: MilanJ
Odpovědět Citovat
Mám DIV určitých rozměrů a potřeboval bych, aby text v DIVu obsažený byl úplně dole...na dolní hraně DIVu.
Myslel jsem, že použiju vertical-align: baseline; nebo vertical-align: bottom;, ale nic to neudělá.

Tady je můj kód CSS i HTML:


#test {
width:300px;
height:200px;
vertical-align: baseline;
}
.
.
.
<div id="test">tenhle text chci na spodní hraně</div>


Kde dělám chybu?
venca163
Profil
#2 · Zasláno: 10. 12. 2006, 20:32:27
Odpovědět Citovat
Vlastnost vertical-align se dá použít pouze ve dvou případech:

1. zarovnání nízkého prvku (např. obrázku) na vyšší řádce (výška řádku se dá zvýšit vlastnosti line-height)
2. výškové zarovnání obsahu buňky tabulky (tag <td>), ekvivalent zastaralého atributu valign.

http://www.jakpsatweb.cz/css/vertical-align.html
MilanJ
Profil
#3 · Zasláno: 10. 12. 2006, 20:36:58
Odpovědět Citovat
Takže v podstatě nemám možnost, jak text umístit na spodní hranu?
venca163
Profil
#4 · Zasláno: 10. 12. 2006, 20:47:47
Odpovědět Citovat
MilanJ
přes position?
Miloš
Profil
#5 · Zasláno: 10. 12. 2006, 21:03:37
Odpovědět Citovat
venca163
přes position?
Přesně tak:

#okolo {width:300px; height:200px; position: relative;}
#uvnitr {position: absolute; bottom: 0;}
…
<div id="okolo">
<div id="uvnitr">tenhle text chci na spodní hraně</div>
</div>
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0