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
prockoop
myslím že v id-ečku #clanek musíš mať
line-height: 500px;
prockoop
Profil *
Ty vole super, fachá! :)
Díky moc za rychlou a správnou odpověď, respekt!
pollo22
Profil
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 *
Jj, pochopil sem, diky.
Bubák
Profil
...„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).

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: