Autor Zpráva
ychtyl
Profil
Zdravím,
potřeboval bych nastavit obsah buňky tabulky td jako rolovatelný v případě, že je větší než například určený počet znaků. Je to nějak možné pomocí CSS?
Keeehi
Profil
To by mělo zařídit overflow: auto
DarkMeni
Profil
Vertikálně nebo horizontálně?

No, asi je to jedno, v jednom případě bude potřeba akorát nastavit výšu a ve druhém šířku.

Obsah td se obalí divem, a tomu divu se nastaví overflow:auto; height:40px; nebo případně šířka. A nebo lze rozměry nastavit přímo td a divu pak nastavit width a height na 100% aby je převzal od rodiče.
Pro zobrazení scrollbaru by měla být výška větší než 34px, alespoň firefox ho u menší výšky nezobrazí. Obsah rolovat jde, jen není vidět ten scrollbar

Overflow na td ve firefoxu nemělo efekt, až na div

Edit:

DarkMenil:
Obsah td se obalí divem

Tím jsem myslel:
<td style="height:40px"> <div style="overflow:auto; height:100%">Obsah bunky ...</div> </td>
Jakože snad to je pochopitelný, ale pro jistotu
ychtyl
Profil
díky, zkusím
ychtyl
Profil
ale je s tím jedna potíž, funguje to dobře v Chromu a Firefoxu, ale ne v Edge, tak se ten text zobrazí celý
problém je asi v tom, že ten div v td nedědí od td vlastnost height.
Když dám dva divy do sebe
<td><div style="height:80px;"><div style="overflow:auto; height:100%;">text</div></div></td>
tak do funguje i v Edge
Mlocik97m
Profil *
ychtyl:
mať blokovy element vo vnutry bunky tabulky je... špatné.
ychtyl
Profil
mno ale jak to udělat jnak, spanem?
Edit: spanem to nefunguje

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