IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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.