Autor Zpráva
xlifer
Profil
Jak lze vycentrovat automaticky vertikálně text uvnitř divu?

<div style="height: 40px; border: 1px solid black;">
text
</div>
Plaváček
Profil
xlifer:

Třeba takto: http://klient.plavacek.net/centrovani.html
xlifer
Profil
Tolik složitostí v CSS. V tabulkách přes valign="middle" to jede krásně. Takže jednodušeji to nejde v CSS?
Plaváček
Profil
xlifer:

Nevím přesně, o co se snažiš. Pokud budeš mít text pouze na jednom řádku, lze to udělat i jednodušeji (nastavíš height i line-height na stejnou hodnotu a text se vycentruje). Pokud budeš centrovat víceřádkový text nebo obrázek, jednodušší řešení existuje pouze v případě, že se vykašleš na starší prohlížeče, protože ti bude stačit pouze tento zápis:

.block {display: table-cell;vertical-align: middle;}
xlifer
Profil
Plaváček:

Snažím se přesně o to co lze jednoduše udělat v buňce tabulky jak jsem psal přes TD valign=middle. Řešení, které navrhuješ je ok, ale škoda, že nejde i pro IE6, ach jo... těžký to život koderů.
Chamurappi
Profil
Reaguji na xlifera:
škoda, že nejde i pro IE6
Ani 7.
Viz Vertikální centrování v IE 7.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0