Autor | Zpráva | ||
---|---|---|---|
prockoop Profil * |
Ahojte šici,
Troufám si tvdit že sem lehce pokročilej, a proto mě zaráží, že mi začala dělat problém taková kravina. V domácím úkolu sme museli dělat design pomocí tabulek a totálně mi to zvrátilo hlavu naruby. Teď, po nějakej době se snažim udělat úplně jednoduchej úkon, ale prostě to nefunguje. Ve svejch starších, a funkčních polusech sem si s tim hrál, ale akorát se v tom ještě víc zamotal. De teda o tohle: chci, aby text v divu byl vertikálně zarovnanej, takže CSS: #menu { color: white; height: 500px; vertical-align: middle; background: red } #clanek { color: black; height: 500px; background: white } HTML: <body> <div id="menu">HOME <div id="clanek">22222222</div> </div> </body> Předem dík všem ochotníkum. |
||
pollo22 Profil |
#2 · Zasláno: 17. 6. 2009, 13:39:35
prockoop
myslím že v id-ečku #clanek musíš mať line-height: 500px; |
||
prockoop Profil * |
#3 · Zasláno: 17. 6. 2009, 13:41:39
Ty vole super, fachá! :)
Díky moc za rychlou a správnou odpověď, respekt! |
||
pollo22 Profil |
#4 · Zasláno: 17. 6. 2009, 13:41:54
Neviem či sa spravne vijadrim ale vertical-align je vertikálne zarovnanie textu v riadku. Čiže ak by si nastavil výšku riadku(line-height) na 500px tak by ti to dalo do stredu...
|
||
prockoop Profil * |
#5 · Zasláno: 17. 6. 2009, 13:47:07
Jj, pochopil sem, diky.
|
||
Bubák Profil |
#6 · Zasláno: 17. 6. 2009, 20:21:19
...„super, fachá!“
To je v podstatě klasika. Cituji z www.jakpsatweb.cz/css/vertical-align.html „Vlastnost vertical-align se dá použít pouze ve dvou případech: zarovnání nízkého prvku (např. obrázku) na vyšší řádce (výška řádku se dá zvýšit vlastnosti line-height) výškové zarovnání obsahu buňky tabulky (tag <td>), ekvivalent zastaralého atributu valign.“ Nemusí to bít nutně buňka tabukky, ale obecně element s display: table-cell; Tuto hodnotu vlasnosti display podporují jen moderní prohlížeče, IE6 ji nezná, nevím, jak je na tom IE7 (jsem líný to zjišťovat), IE8 ji údajně umí (netestoval jsem). |
||
Plaváček Profil |
Bubák
„IE7 (jsem líný to zjišťovat), IE8 ji údajně umí (netestoval jsem).“ IE 7 neumí, IE 8 už table-cell zvládá (viz ukázka http://klient.plavacek.net/centrovani.html). |
||
Časová prodleva: 15 let
|
0