Vertical-align – CSS – Fórum – Programujte.com

Nějak nechápu funkci vartical-align, ať zadám jakýkoliv parametr tak stejně nefunguje :( Co dělám špatně?

Předem díky za radu!

.body {

	height:600px;

	vertical-align:bottom;

	text-align:center;

}

</style>

body {

      height:600px;

      vertical-align:bottom;

      text-align:center;

}

</style>

Myslim že vertical-align lze použít pouze se SPAN, B, I apod.

Jak tedy můžu vertikálně vycentrovat obsah DIVu, když vartical-align nefunguje u class?

<div class="body">TEXT</div>

To kaktus : určitě ne, např td, apod. nevím proč to nefunguje u body.. :(

ted sem nasel treba toto... no.. neresi to, alespon to podva info.. http://phrogz.net/CSS/vertical-align/index.html

To Antabus : vertical-align určuje vertikální pozici v řádku -> tzn musíš změnit také výšku řádku. ,)
Například:

body {

vertical-align:middle;

text-align:center;

line-height:600px;

}

To Orcslayer : Díky, přesně tohle jsem potřeboval vědět!

To Orcslayer : taky děkuju :)

Nevím k čemu se to vlastně hodí - funguje to pro jediný řádek textu (ten se dá řešit nastavením: height = line-height)
Nebo pro vycentrování inline image nebo inputu.
Víceřádkový obsah to centruje jen v tabulkách.
Až bude i IE umět display:table-cell , tak to půjde i v DIVech...

To Orcslayer: diky moc
 

Petroff - Musis mit spravne doctype, aby ti v IE fungoval table-cell. Umi to uz od verze IE7 (5 let).