NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: css table/div radky, kde jeden zabira zbytek obrazovky + overflow pro obsah

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:8.10.2020 14:06

Potreboval bych, aby, kdyz pretece content, aby mi neroztahoval tabulku.

Potrebuji, aby ten cerveny ramecek vypadal jako tady
https://mlich.zam.slu.cz/…at/js2x.html

Ale, ted, mi obsah vytece skrz height:100% u TD / TR elementu
https://mlich.zam.slu.cz/…-xchat2.html

Zkousel jsem to simulovat i jinak nez tabulkou, ale to se mi moc nedarilo.
Je to jen takovy pokus o prepsani xchatu, takze to neni uplne dulezite, ale rad bych to vyresil.
Samozrejme bych to mohl resit javascriptem, pocitat vysku. Nebo nejake marginy. Ale s tim se mi nechtelo drbat. Nakonec jsem asi vic casu ztratil do ted s css :)

Editováno 8.10.2020 14:06
 
Odpovědět
8.10.2020 14:06
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:8.10.2020 14:23

A mezitim se mi podarilo najit odpoved, ktera mi funguje, aspon testovano ve FF. Je to ale divne, protoze top by se melo vylucovat s bottom, ale asi nee :)

table td{
    position: relative;
}

table td span{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
 
Nahoru Odpovědět
8.10.2020 14:23
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.